+
+
-
+
+
+
)
}
diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
new file mode 100644
index 0000000..da6b89d
--- /dev/null
+++ b/src/components/layouts/Footer.tsx
@@ -0,0 +1,13 @@
+import { appConfig } from "@/config/app";
+import { ModeToggle } from "../mode-toggle";
+
+export function Footer() {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/layouts/Header.tsx b/src/components/layouts/Header.tsx
new file mode 100644
index 0000000..6c55dad
--- /dev/null
+++ b/src/components/layouts/Header.tsx
@@ -0,0 +1,212 @@
+import { useState } from "react";
+import { NavLink, useLocation } from "react-router-dom";
+import { cn } from "@/lib/utils";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { Icons } from "@/components/icons";
+import { appConfig } from "@/config/app";
+import { Button, buttonVariants } from "@/components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger
+} from "@/components/ui/dropdown-menu";
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { mainMenu } from "@/config/menu";
+import { ChevronDownIcon, ViewVerticalIcon } from "@radix-ui/react-icons";
+import { ScrollArea } from "@radix-ui/react-scroll-area";
+import { Logo } from "../logo";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
+
+export function Header() {
+ const [open, setOpen] = useState(false)
+ const location = useLocation();
+
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
new file mode 100644
index 0000000..01e89be
--- /dev/null
+++ b/src/components/logo.tsx
@@ -0,0 +1,11 @@
+import { appConfig } from "@/config/app";
+import { Icons } from "./icons";
+
+export function Logo() {
+ return (
+ <>
+
+
{appConfig.name}
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
new file mode 100644
index 0000000..7e84c32
--- /dev/null
+++ b/src/components/ui/accordion.tsx
@@ -0,0 +1,55 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDownIcon } from "@radix-ui/react-icons"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+ React.ElementRef
,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+ svg]:rotate-180",
+ className
+ )}
+ {...props}
+ >
+ {children}
+
+
+
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+ {children}
+
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index 0275a4e..7df0d9b 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -11,13 +11,7 @@ const SheetTrigger = SheetPrimitive.Trigger
const SheetClose = SheetPrimitive.Close
-const SheetPortal = ({
- className,
- ...props
-}: SheetPrimitive.DialogPortalProps) => (
-
-)
-SheetPortal.displayName = SheetPrimitive.Portal.displayName
+const SheetPortal = SheetPrimitive.Portal
const SheetOverlay = React.forwardRef<
React.ElementRef,
diff --git a/src/config/app.ts b/src/config/app.ts
index 1b7ab3d..6ccc302 100644
--- a/src/config/app.ts
+++ b/src/config/app.ts
@@ -4,6 +4,10 @@ interface AppConfig {
title: string,
url: string
},
+ author: {
+ name: string,
+ url: string
+ },
}
export const appConfig: AppConfig = {
@@ -11,5 +15,9 @@ export const appConfig: AppConfig = {
github: {
title: "React Shadcn Starter",
url: "https://github.com/hayyi2/react-shadcn-starter",
+ },
+ author: {
+ name: "hayyi",
+ url: "https://github.com/hayyi2/",
}
}
\ No newline at end of file
diff --git a/src/config/menu.ts b/src/config/menu.ts
index 7a6cbff..1f91a65 100644
--- a/src/config/menu.ts
+++ b/src/config/menu.ts
@@ -11,14 +11,27 @@ interface NavItem {
}
interface NavItemWithChildren extends NavItem {
- items: NavItemWithChildren[]
+ items?: NavItemWithChildren[]
}
-export const mainMenu: NavItem[] = [
+export const mainMenu: NavItemWithChildren[] = [
{
title: 'Dashboard',
to: '',
},
+ {
+ title: 'Dropdown',
+ items: [
+ {
+ title: 'Sample',
+ to: '/sample',
+ },
+ {
+ title: 'Sample Dua',
+ to: '/#',
+ },
+ ]
+ },
{
title: 'Empty',
to: 'empty',
diff --git a/src/pages/NoMatch.tsx b/src/pages/NoMatch.tsx
index 7bf7e34..8a64b79 100644
--- a/src/pages/NoMatch.tsx
+++ b/src/pages/NoMatch.tsx
@@ -1,12 +1,14 @@
import { buttonVariants } from "@/components/ui/button";
+import { NavLink } from "react-router-dom";
export default function NoMatch() {
return (
-
404
-
Page Not Found
-
Back to Home
+
404
+
Oops! Page not found
+
We are sorry, but the page you requested was not found
+
Back to Home
)
diff --git a/src/pages/Sample.tsx b/src/pages/Sample.tsx
new file mode 100644
index 0000000..b1c09b2
--- /dev/null
+++ b/src/pages/Sample.tsx
@@ -0,0 +1,18 @@
+import { PageHeader, PageHeaderHeading } from "@/components/page-header";
+import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+
+export default function Sample() {
+ return (
+ <>
+
+ Sample Page
+
+
+
+ Card Title
+ Card description.
+
+
+
+ )
+}