aboutsummaryrefslogtreecommitdiff
path: root/src/components/nav-main.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/nav-main.tsx')
-rw-r--r--src/components/nav-main.tsx94
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>
- )
-}