1
1
"use client" ;
2
2
3
3
import React , { useRef , ElementRef , useState , useEffect } from "react" ;
4
+ import { useParams , usePathname , useRouter } from "next/navigation" ;
5
+
6
+ import { useMutation } from "convex/react" ;
7
+ import { useMediaQuery } from "usehooks-ts" ;
8
+ import { toast } from "sonner" ;
4
9
import {
5
10
ChevronsLeft ,
6
11
MenuIcon ,
@@ -11,24 +16,23 @@ import {
11
16
Trash ,
12
17
} from "lucide-react" ;
13
18
14
- import { useMediaQuery } from "usehooks-ts" ;
15
- import { useParams , usePathname , useRouter } from "next/navigation" ;
16
- import { useMutation } from "convex/react" ;
17
- import { cn } from "@/lib/utils" ;
18
- import { UserItem } from "./UserItem" ;
19
- import { api } from "@/convex/_generated/api" ;
20
- import { Item } from "./Item" ;
21
- import { toast } from "sonner" ;
22
- import { DocumentList } from "./DocumentList" ;
23
19
import {
24
20
Popover ,
25
21
PopoverContent ,
26
22
PopoverTrigger ,
27
23
} from "@/components/ui/popover" ;
28
24
import { TrashBox } from "./TrashBox" ;
25
+ import { UserItem } from "./UserItem" ;
26
+ import { Navbar } from "./Navbar" ;
27
+ import { Item } from "./Item" ;
28
+ import { DocumentList } from "./DocumentList" ;
29
+
29
30
import { useSearch } from "@/hooks/useSearch" ;
30
31
import { useSettings } from "@/hooks/useSettings" ;
31
- import { Navbar } from "./Navbar" ;
32
+
33
+ import { api } from "@/convex/_generated/api" ;
34
+
35
+ import { cn } from "@/lib/utils" ;
32
36
33
37
export const Navigation = ( ) => {
34
38
const router = useRouter ( ) ;
0 commit comments