From 096ef2642ee407f76372966dbcc684249ff7d6c5 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Tue, 8 Aug 2023 00:14:34 +0900
Subject: [PATCH] refactor: client side component -> server side

---
 apps/portfolio/src/components/Badge/Badge.tsx | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/apps/portfolio/src/components/Badge/Badge.tsx b/apps/portfolio/src/components/Badge/Badge.tsx
index 69a4df7..39457be 100644
--- a/apps/portfolio/src/components/Badge/Badge.tsx
+++ b/apps/portfolio/src/components/Badge/Badge.tsx
@@ -1,24 +1,15 @@
-"use client"
-
 import "./style.scss"
 
 import { type Badge as BadgeType } from "@developomp-site/content/src/types/types"
-import { type FC, useEffect, useState } from "react"
 
 interface BadgeProps {
     slug: string
 }
 
-const Badge: FC<BadgeProps> = ({ slug }) => {
-    const [badgeData, setBadgeData] = useState<BadgeType | undefined>(undefined)
-
-    useEffect(() => {
-        ;(async () => {
-            setBadgeData(
-                await import(`@developomp-site/content/dist/icons/${slug}.json`)
-            )
-        })()
-    }, [slug])
+export default async function Badge({ slug }: BadgeProps) {
+    const badgeData: BadgeType = await import(
+        `@developomp-site/content/dist/icons/${slug}.json`
+    )
 
     if (!badgeData)
         return (
@@ -47,5 +38,3 @@ const Badge: FC<BadgeProps> = ({ slug }) => {
         </div>
     )
 }
-
-export default Badge