diff --git a/.env b/.env new file mode 100644 index 0000000000000000000000000000000000000000..4b77c4c2cb3f6b476da7f5cad4719ca68b795058 --- /dev/null +++ b/.env @@ -0,0 +1 @@ +VITE_SUPPORT_URL=https://docs.google.com/forms/d/e/1FAIpQLSfqM4upCUjOOduoHZH5yhty_OtLQ8vlXNii-mboHNcOFTAZXQ/viewform \ No newline at end of file diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx index 6bb44b7f5830aa16a34301071c6189dc65b75a7b..d781efd81cbcf6a990dc79394e8b62a5e20e8d62 100644 --- a/src/components/app-sidebar.tsx +++ b/src/components/app-sidebar.tsx @@ -1,7 +1,10 @@ import * as React from 'react'; +import { Link } from 'react-router'; +import { Router, ShieldCheck, HardDrive, CircleHelp } from 'lucide-react'; import { Sidebar, SidebarContent, + SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, @@ -19,11 +22,13 @@ const data = { title: '웹 프록시 설정', items: [ { + icon: Router, title: '라우팅 설정', url: '#', isActive: true, }, { + icon: ShieldCheck, title: 'SSL 인증서', url: '#', isActive: false, @@ -31,9 +36,10 @@ const data = { ], }, { - title: 'SSH 포트 포워딩', + title: 'SSH 포트포워딩', items: [ { + icon: HardDrive, title: 'SSH 설정', url: '#', isActive: false, @@ -58,7 +64,10 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) { {item.items.map((item) => ( <SidebarMenuItem key={item.title}> <SidebarMenuButton asChild isActive={item.isActive}> - <a href={item.url}>{item.title}</a> + <Link to={item.url}> + <item.icon /> + {item.title} + </Link> </SidebarMenuButton> </SidebarMenuItem> ))} @@ -67,6 +76,18 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) { </SidebarGroup> ))} </SidebarContent> + <SidebarFooter> + <SidebarMenu> + <SidebarMenuItem> + <SidebarMenuButton asChild> + <Link to={import.meta.env.VITE_SUPPORT_URL}> + <CircleHelp className="mr-2" /> + 문의하기 + </Link> + </SidebarMenuButton> + </SidebarMenuItem> + </SidebarMenu> + </SidebarFooter> </Sidebar> ); } diff --git a/src/components/login-form.tsx b/src/components/login-form.tsx index 999fca0afca01b8a07a0978212b0aef481f9c98b..dc6244a255972a2def800e574bd4be23735ab401 100644 --- a/src/components/login-form.tsx +++ b/src/components/login-form.tsx @@ -29,7 +29,7 @@ export function LoginForm({ className, ...props }: React.ComponentPropsWithoutRe </div> <div className="mt-4 text-center text-sm"> 계정이 없으신가요? - <a href="#" className="ml-2 underline underline-offset-4"> + <a href={import.meta.env.VITE_SUPPORT_URL} className="ml-2 underline underline-offset-4"> 아올다 프로젝트 신청하기 </a> </div>