adding search components from the search path

moovendhan-v · Apr 18, 2024 · 6c266b9 · 6c266b9
1 parent bbdbeb0
commit 6c266b9
Show file tree

Hide file tree

Showing 11 changed files with 1,087 additions and 140 deletions.
diff --git a/ui_tailwind_shadecn/package-lock.json b/ui_tailwind_shadecn/package-lock.json
diff --git a/ui_tailwind_shadecn/package.json b/ui_tailwind_shadecn/package.json
@@ -32,12 +32,13 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@tabler/icons-react": "^3.2.0",
     "@tanstack/react-table": "^8.15.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
     "date-fns": "^3.6.0",
-    "framer-motion": "^11.0.25",
+    "framer-motion": "^11.1.5",
     "lucide-react": "^0.360.0",
     "monaco-editor": "^0.44.0",
     "next-themes": "^0.3.0",
@@ -72,6 +73,6 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.2.2",
-    "vite": "^5.2.8"
+    "vite": "^5.2.9"
   }
 }
diff --git a/ui_tailwind_shadecn/src/components/custom_ui/MainNav.tsx b/ui_tailwind_shadecn/src/components/custom_ui/MainNav.tsx
@@ -56,6 +56,12 @@ export default function MainNav(){
                     >
                         AllComponents
                     </Link>
+                    <Link
+                        to={`/${"aboutus"}`}
+                        className="text-muted-foreground transition-colors hover:text-foreground"
+                    >
+                        AboutUs
+                    </Link>
 
                     <Link
                         to={`/`}
@@ -116,33 +122,24 @@ export default function MainNav(){
                     <SheetContent side="left">
                         <nav className="grid gap-6 text-lg font-medium">
                             <Logo />
-                            <Link to={`/}`} className="hover:text-foreground">
-                                Dashboard
-                            </Link>
-                            <Link
-                                to={`/`}
-                                className="text-muted-foreground hover:text-foreground"
-                            >
-                                Orders
-                            </Link>
-                            <Link
-                                to={`/`}
-                                className="text-muted-foreground hover:text-foreground"
-                            >
-                                Products
-                            </Link>
                             <Link
-                                to={`/`}
-                                className="text-muted-foreground hover:text-foreground"
-                            >
-                                Customers
-                            </Link>
-                            <Link
-                                to={`/`}
-                                className="text-muted-foreground hover:text-foreground"
-                            >
-                                Analytics
-                            </Link>
+                        to={`/`}
+                        className="text-foreground transition-colors hover:text-foreground"
+                    >
+                        UiComponents
+                    </Link>
+                    <Link
+                        to={`/${"all"}`}
+                        className="text-muted-foreground transition-colors hover:text-foreground"
+                    >
+                        AllComponents
+                    </Link>
+                    <Link
+                        to={`/${"aboutus"}`}
+                        className="text-muted-foreground transition-colors hover:text-foreground"
+                    >
+                        AboutUs
+                    </Link>
                         </nav>
                     </SheetContent>
                 </Sheet>

diff --git a/ui_tailwind_shadecn/src/components/custom_ui/Svg.tsx b/ui_tailwind_shadecn/src/components/custom_ui/Svg.tsx
@@ -113,5 +113,13 @@ const TailwindCss = ()=>{
     )
 }
 
+const CreateNewComp = ()=>{
+    return(
+        <>
+        <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75432 0.819537C7.59742 0.726821 7.4025 0.726821 7.24559 0.819537L1.74559 4.06954C1.59336 4.15949 1.49996 4.32317 1.49996 4.5C1.49996 4.67683 1.59336 4.84051 1.74559 4.93046L7.24559 8.18046C7.4025 8.27318 7.59742 8.27318 7.75432 8.18046L13.2543 4.93046C13.4066 4.84051 13.5 4.67683 13.5 4.5C13.5 4.32317 13.4066 4.15949 13.2543 4.06954L7.75432 0.819537ZM7.49996 7.16923L2.9828 4.5L7.49996 1.83077L12.0171 4.5L7.49996 7.16923ZM1.5695 7.49564C1.70998 7.2579 2.01659 7.17906 2.25432 7.31954L7.49996 10.4192L12.7456 7.31954C12.9833 7.17906 13.2899 7.2579 13.4304 7.49564C13.5709 7.73337 13.4921 8.03998 13.2543 8.18046L7.75432 11.4305C7.59742 11.5232 7.4025 11.5232 7.24559 11.4305L1.74559 8.18046C1.50786 8.03998 1.42901 7.73337 1.5695 7.49564ZM1.56949 10.4956C1.70998 10.2579 2.01658 10.1791 2.25432 10.3195L7.49996 13.4192L12.7456 10.3195C12.9833 10.1791 13.2899 10.2579 13.4304 10.4956C13.5709 10.7334 13.4921 11.04 13.2543 11.1805L7.75432 14.4305C7.59742 14.5232 7.4025 14.5232 7.24559 14.4305L1.74559 11.1805C1.50785 11.04 1.42901 10.7334 1.56949 10.4956Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
+        </>
+    )
+}
+
 export default Icons;
-export {Logo, LeftArrow, SaveIcon, SearchIcon, LogoPlain, CodeIcon, TailwindCss}
+export {Logo, LeftArrow, SaveIcon, SearchIcon, LogoPlain, CodeIcon, TailwindCss, CreateNewComp}