import Head from "next/head"; import { useEffect, useState } from "react"; import { ReportSidebar } from "@/components/report/sidebar/ReportSidebar"; import { ReportLineChart } from "@/components/report/chart/ReportLineChart"; import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"; import { Combobox } from "@/components/ui/combobox"; import { useDispatch, useSelector } from "@/redux"; import { changeDateRanges, changeInterval, } from "@/components/report/reportSlice"; import { type IInterval } from "@/types"; import { Avatar, AvatarFallback } from "@/components/ui/avatar"; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuShortcut, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"; import { User } from "lucide-react"; import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu"; export default function Home() { const dispatch = useDispatch(); const interval = useSelector((state) => state.report.interval); const events = useSelector((state) => state.report.events); const breakdowns = useSelector((state) => state.report.breakdowns); const startDate = useSelector((state) => state.report.startDate); const endDate = useSelector((state) => state.report.endDate); return ( <> Create T3 App
{ dispatch(changeDateRanges(1)); }} > Today { dispatch(changeDateRanges(1)); }} > 7 days { dispatch(changeDateRanges(14)); }} > 14 days { dispatch(changeDateRanges(30)); }} > 1 month { dispatch(changeDateRanges(90)); }} > 3 month { dispatch(changeDateRanges(180)); }} > 6 month { dispatch(changeDateRanges(356)); }} > 1 year
{ dispatch(changeInterval(value as IInterval)); }} value={interval} items={[ { label: "Hour", value: "hour", }, { label: "Day", value: "day", }, { label: "Month", value: "month", }, ]} >
{startDate && endDate && ( )}
); }