From b91774d50c6a409bf62662656b7bf3fb249fe083 Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Sat, 13 Jul 2024 00:41:45 +0900
Subject: [PATCH] [menu] link can be external

---
 frontend/src/app/components/menu/menu.component.html | 7 ++++++-
 frontend/src/app/interfaces/services.interface.ts    | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/menu/menu.component.html b/frontend/src/app/components/menu/menu.component.html
index 29e04f09b..23605ce55 100644
--- a/frontend/src/app/components/menu/menu.component.html
+++ b/frontend/src/app/components/menu/menu.component.html
@@ -34,7 +34,12 @@
             <li class="nav-item d-flex justify-content-start align-items-center menu-click">
               <fa-icon class="menu-click" [icon]="['fas', item.faIcon]" [fixedWidth]="true"></fa-icon>
               <button *ngIf="item.link === 'logout'" class="btn nav-link menu-click" role="tab" (click)="logout()">{{ item.title }}</button>
-              <a *ngIf="item.title !== 'Logout'" class="nav-link menu-click" [routerLink]="[item.link]" role="tab">{{ item.title }}</a>
+              <a *ngIf="item.title !== 'Logout'" class="nav-link menu-click" [routerLink]="[item.link]" role="tab">
+                {{ item.title }}
+                @if (item.isExternal === true) {
+                  <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="margin-left: 5px; font-size: 13px; color: lightgray"></fa-icon>
+                }
+              </a>
             </li>
           </ul>
         </div>
diff --git a/frontend/src/app/interfaces/services.interface.ts b/frontend/src/app/interfaces/services.interface.ts
index d79e47812..f0ec6de7b 100644
--- a/frontend/src/app/interfaces/services.interface.ts
+++ b/frontend/src/app/interfaces/services.interface.ts
@@ -5,6 +5,7 @@ export type MenuItem = {
   i18n: string;
   faIcon: IconName;
   link: string;
+  isExternal?: boolean;
 };
 export type MenuGroup = {
   title: string;