pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

refactor: client side component -> server side

Browse source
This commit is contained in:
Kim, Jimin 2023-08-08 00:14:34 +09:00
parent 9175523127
commit 096ef2642e
Signed by: pomp
GPG key ID: CE1DDB8A4A765403
1 changed files with 4 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

19
apps/portfolio/src/components/Badge/Badge.tsx
View file

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