added component structure

liwoo · May 30, 2024 · 2dfa5cb · 2dfa5cb
1 parent aa42907
commit 2dfa5cb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/app/components/atoms/README.md b/app/components/atoms/README.md
@@ -0,0 +1,2 @@
+## Atoms
+Atoms are very small components that are used to build more complex components. They are the basic building blocks of matter. They are the simplest form of components and cannot be broken down any further. They often include things like buttons, inputs, or headings. They are the basic elements that make up all other components.
diff --git a/app/components/blocks/README.md b/app/components/blocks/README.md
@@ -0,0 +1,2 @@
+## Blocks
+Blocks are components that belong to a specific page. They are reusable and can be used in multiple pages. They are located in the `app/blocks` directory.
diff --git a/app/components/layouts/MainLayout.tsx b/app/components/layouts/MainLayout.tsx
@@ -49,7 +49,7 @@ export default function MainLayout({ children }: MainLayoutProps) {
                     <div className="flex-1">
                         <nav className="grid items-start px-2 text-sm font-medium lg:px-4">
                             <Link
-                                to="#"
+                                to="/"
                                 className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
                             >
                                 <Home className="h-4 w-4" />
@@ -66,7 +66,7 @@ export default function MainLayout({ children }: MainLayoutProps) {
                                 </Badge>
                             </Link>
                             <Link
-                                to="#"
+                                to="/inventory"
                                 className="flex items-center gap-3 rounded-lg bg-muted px-3 py-2 text-primary transition-all hover:text-primary"
                             >
                                 <Package className="h-4 w-4" />
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		## Atoms
		Atoms are very small components that are used to build more complex components. They are the basic building blocks of matter. They are the simplest form of components and cannot be broken down any further. They often include things like buttons, inputs, or headings. They are the basic elements that make up all other components.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		## Blocks
		Blocks are components that belong to a specific page. They are reusable and can be used in multiple pages. They are located in the `app/blocks` directory.