From 0f2558af61881d36644eda4e0e16f33fdc8f81bb Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sun, 2 Jul 2023 23:35:09 +0900
Subject: [PATCH] feat(portfolio): add placeholder badge data

- reduce layout shift
---
 apps/portfolio/src/components/Badge/Badge.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/portfolio/src/components/Badge/Badge.tsx b/apps/portfolio/src/components/Badge/Badge.tsx
index 0011710..6358286 100644
--- a/apps/portfolio/src/components/Badge/Badge.tsx
+++ b/apps/portfolio/src/components/Badge/Badge.tsx
@@ -20,7 +20,13 @@ const Badge: FC<BadgeProps> = ({ slug }) => {
         })()
     }, [slug])
 
-    if (!badgeData) return <></>
+    if (!badgeData)
+        return (
+            <div className="mb-2 mr-2 flex w-fit items-center px-2 py-1 text-xs">
+                <div className="badge mr-1 inline-block w-6 align-middle" />
+                <span>Loading...</span>
+            </div>
+        )
 
     return (
         <div