1 files changed, 52 insertions, 0 deletions
diff --git a/src/components/nav-main.tsx b/src/components/nav-main.tsx
new file mode 100644
index 0000000..873d236
--- /dev/null
+++ b/src/components/nav-main.tsx
@@ -0,0 +1,52 @@
+"use client"
+
+import {ListIcon, NotebookText, Users} from "lucide-react"
+import {
+    SidebarGroup,
+    SidebarGroupContent,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem,
+} from "@/components/ui/sidebar"
+import {setPage} from "@/models/appSlice.ts";
+import {useAppDispatch} from "@/hooks.ts";
+
+export function NavMain() {
+    const dispatch = useAppDispatch()
+
+    return (
+        <SidebarGroup>
+            <SidebarGroupContent className="flex flex-col gap-2">
+                <SidebarMenu>
+
+                    <SidebarMenuItem key="Surveys"
+                                     onClick={() => dispatch(setPage("offerwall"))}
+                    >
+                        <SidebarMenuButton tooltip="Surveys">
+                            <NotebookText/>
+                            <span>Surveys</span>
+                        </SidebarMenuButton>
+                    </SidebarMenuItem>
+
+
+                    <SidebarMenuItem key="Questions"
+                                     onClick={() => dispatch(setPage("questions"))}
+                    >
+                        <SidebarMenuButton tooltip="Questions">
+                            <ListIcon/>
+                            <span>Questions</span>
+                        </SidebarMenuButton>
+                    </SidebarMenuItem>
+
+                    <SidebarMenuItem key="Community">
+                        <SidebarMenuButton tooltip="Community">
+                            <Users/>
+                            <span>Community</span>
+                        </SidebarMenuButton>
+                    </SidebarMenuItem>
+
+                </SidebarMenu>
+            </SidebarGroupContent>
+        </SidebarGroup>
+    )
+}