From fb50a184724966f809e2c5b178afba4eecf716e4 Mon Sep 17 00:00:00 2001
From: EATSTEAK <me@eatsteak.dev>
Date: Thu, 25 Aug 2022 22:24:25 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20show=20`=EC=95=8C=20=EC=88=98=20?=
 =?UTF-8?q?=EC=97=86=EC=9D=8C`=20when=20department=20is=20undefined=20in?=
 =?UTF-8?q?=20profile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/molecule/Profile.svelte    | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/client/src/components/molecule/Profile.svelte b/packages/client/src/components/molecule/Profile.svelte
index 84a4442b..82f75b2a 100644
--- a/packages/client/src/components/molecule/Profile.svelte
+++ b/packages/client/src/components/molecule/Profile.svelte
@@ -1,25 +1,25 @@
 <script lang='ts'>
-  import Tag from '../atom/Tag.svelte';
-  import { getDepartmentNameById } from '$lib/utils';
-  import { config } from '$lib/store';
-	import Skeleton from "../atom/Skeleton.svelte";
+	import Tag from '../atom/Tag.svelte';
+	import { getDepartmentNameById } from '$lib/utils';
+	import { config } from '$lib/store';
+	import Skeleton from '../atom/Skeleton.svelte';
 
-  export let user: User;
+	export let user: User;
 </script>
 {#if user}
 	<div class='profile'>
 		<p>반갑습니다!</p>
 		<p><span class='name'>{user?.name ?? '알 수 없음'}</span>님</p>
-		<Tag class='bg-gray-300 text-gray-700'>학부 \ {getDepartmentNameById($config, user.department)}</Tag>
+		<Tag class='bg-gray-300 text-gray-700'>학부 \ {getDepartmentNameById($config, user.department) ?? '알 수 없음'}</Tag>
 		<Tag class='bg-gray-300 text-gray-700'>학번 \ {user.id}</Tag>
 	</div>
 {:else}
 	<div class='profile'>
-		<div class="skeleton-wrap gap-3">
-			<Skeleton class="w-20 h-20 rounded-full bg-gray-300"/>
-			<div class="flex flex-col gap-2">
-				<Skeleton class="w-28 h-7 rounded-lg bg-gray-300"/>
-				<Skeleton class="w-36 h-10 rounded-lg bg-gray-300"/>
+		<div class='skeleton-wrap gap-3'>
+			<Skeleton class='w-20 h-20 rounded-full bg-gray-300' />
+			<div class='flex flex-col gap-2'>
+				<Skeleton class='w-28 h-7 rounded-lg bg-gray-300' />
+				<Skeleton class='w-36 h-10 rounded-lg bg-gray-300' />
 			</div>
 		</div>
 	</div>
@@ -39,9 +39,9 @@
         @apply text-5xl font-bold text-primary-800;
     }
 
-		.skeleton-wrap {
-			@apply flex flex-row;
-		}
+    .skeleton-wrap {
+        @apply flex flex-row;
+    }
 </style>