From e2c9b1c185e6535871d1c11a27ef7c4db6460c01 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=ED=95=9C=EB=8F=99=ED=98=84?= <hando1220@ajou.ac.kr> Date: Fri, 28 Feb 2025 15:03:52 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EC=95=84=EC=98=AC=EB=8B=A4=20=EB=AC=B8?= =?UTF-8?q?=EC=9D=98=20URL=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env | 1 + src/components/app-sidebar.tsx | 25 +++++++++++++++++++++++-- src/components/login-form.tsx | 2 +- 3 files changed, 25 insertions(+), 3 deletions(-) create mode 100644 .env diff --git a/.env b/.env new file mode 100644 index 0000000..4b77c4c --- /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 6bb44b7..d781efd 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 999fca0..dc6244a 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> -- GitLab