diff options
Diffstat (limited to 'src/components/nav-main.tsx')
| -rw-r--r-- | src/components/nav-main.tsx | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/src/components/nav-main.tsx b/src/components/nav-main.tsx deleted file mode 100644 index 9ed1b24..0000000 --- a/src/components/nav-main.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import {ListIcon, NotebookText, Users, User, Activity} from "lucide-react" -import { - SidebarGroup, - SidebarGroupContent, - SidebarMenu, - SidebarMenuButton, - SidebarMenuItem, -} from "@/components/ui/sidebar" -import {setPage} from "@/models/appSlice.ts"; -import {useAppDispatch, useAppSelector} from "@/hooks.ts"; -import {useSelector} from "react-redux"; -import {selectQuestions} from "@/models/questionSlice.ts"; -import {Badge} from "@/components/ui/badge" -import {selectUserUpkAnswers} from "@/models/userUpkAnswerSlice.ts"; - -export function NavMain() { - const dispatch = useAppDispatch() - - const app = useAppSelector(state => state.app) - const questions = useSelector(selectQuestions) - const upkAnswers = useSelector(selectUserUpkAnswers) - const taskAttempts = useAppSelector(state => state.taskStatus) - - return ( - <SidebarGroup> - <SidebarGroupContent className="flex flex-col gap-2"> - <SidebarMenu> - - <SidebarMenuItem key="surveys" - onClick={() => dispatch(setPage("offerwall"))} - > - <SidebarMenuButton tooltip="Surveys"> - <NotebookText/> - <span> - Surveys <Badge - className="absolute top-2 right-2 h-5 min-w-5 rounded-full px-1 font-mono tabular-nums cursor-pointer" - variant="outline" - title={`${(app.availability_count ?? 0).toLocaleString()} live surveys`} - >{(app.availability_count ?? 0).toLocaleString()}</Badge> - </span> - </SidebarMenuButton> - </SidebarMenuItem> - - - <SidebarMenuItem key="questions" - onClick={() => dispatch(setPage("questions"))} - > - <SidebarMenuButton tooltip="Questions"> - <ListIcon/> - <span> - Questions <Badge - className="absolute top-2 right-2 h-5 min-w-5 rounded-full px-1 font-mono tabular-nums cursor-pointer" - variant="outline" - title={`${questions.length.toLocaleString()} profiling question available`} - >{questions.length.toLocaleString()}</Badge> - </span> - </SidebarMenuButton> - </SidebarMenuItem> - - <SidebarMenuItem key="demographics" - onClick={() => dispatch(setPage("demographics"))} - > - <SidebarMenuButton tooltip="User Demographics"> - <User/> - <span> - Demographics <Badge - className="absolute top-2 right-2 h-5 min-w-5 rounded-full px-1 font-mono tabular-nums cursor-pointer" - variant="outline" - >{upkAnswers.length.toLocaleString()}</Badge> - </span> - </SidebarMenuButton> - </SidebarMenuItem> - - <SidebarMenuItem key="task_attempts" - onClick={() => dispatch(setPage("task_attempts"))} - > - <SidebarMenuButton tooltip="Survey History"> - <Activity/> - <span> - Survey History <Badge - className="absolute top-2 right-2 h-5 min-w-5 rounded-full px-1 font-mono tabular-nums cursor-pointer" - variant="outline" - >{taskAttempts.length.toLocaleString()}</Badge> - </span> - </SidebarMenuButton> - </SidebarMenuItem> - - </SidebarMenu> - </SidebarGroupContent> - </SidebarGroup> - ) -} |
