feat: add basic layout (#3)
Co-authored-by: typist <git@mail.typist.cc> Reviewed-on: #3
This commit is contained in:
		
							
								
								
									
										25
									
								
								src/components/sidebar/index.tsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										25
									
								
								src/components/sidebar/index.tsx
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,25 @@ | ||||
| import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar"; | ||||
| import { tools } from "@/components/tool"; | ||||
|  | ||||
| export const AppSidebar = () => ( | ||||
|   <Sidebar> | ||||
|     <SidebarHeader> | ||||
|       Lite Kit | ||||
|     </SidebarHeader> | ||||
|     <SidebarContent> | ||||
|       { | ||||
|         tools.map((tool) => ( | ||||
|           <SidebarMenuItem key={tool.name}> | ||||
|             <SidebarMenuButton> | ||||
|               {tool.icon} | ||||
|               {tool.name} | ||||
|             </SidebarMenuButton> | ||||
|           </SidebarMenuItem> | ||||
|         )) | ||||
|       } | ||||
|     </SidebarContent> | ||||
|     <SidebarFooter> | ||||
|       <a href="mailto:litek@mail.typist.cc">contact us</a> | ||||
|     </SidebarFooter> | ||||
|   </Sidebar> | ||||
| ) | ||||
		Reference in New Issue
	
	Block a user