From 0353a5f6569b7698ebd6ef3a1e86088d77f0ec10 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sat, 26 Aug 2023 01:35:06 +0100
Subject: [PATCH] fix: platform icon flush

---
 src/components/site/Platform.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/site/Platform.tsx b/src/components/site/Platform.tsx
index e6ec942d..67521f2b 100644
--- a/src/components/site/Platform.tsx
+++ b/src/components/site/Platform.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { useEffect, useState } from "react"
+import { useState } from "react"
 
 import { Image } from "~/components/ui/Image"
 import { Tooltip } from "~/components/ui/Tooltip"
@@ -172,11 +172,7 @@ export const Platform = ({
       break
   }
 
-  const [showImg, setShowImg] = useState(false)
-
-  useEffect(() => {
-    setShowImg(true)
-  }, [platform])
+  const [showImg, setShowImg] = useState(true)
 
   return (
     <UniLink
@@ -198,6 +194,7 @@ export const Platform = ({
               alt={platform}
               width={20}
               height={20}
+              onError={() => setShowImg(false)}
             />
           ) : (
             <span className="rounded-md inline-flex text-white justify-center items-center bg-zinc-300">