From fc05d3fc3efacd02d012bfbdb87f802b8feb301f Mon Sep 17 00:00:00 2001
From: Darren Sisson <darrensisson@hotmail.com>
Date: Thu, 7 Nov 2024 15:05:47 +0000
Subject: [PATCH] fix genshin image load

---
 src/app/genshin/components/Character.tsx | 9 ---------
 src/app/genshin/components/Profile.tsx   | 9 +--------
 2 files changed, 1 insertion(+), 17 deletions(-)

diff --git a/src/app/genshin/components/Character.tsx b/src/app/genshin/components/Character.tsx
index 0cd8655..a1aeea9 100755
--- a/src/app/genshin/components/Character.tsx
+++ b/src/app/genshin/components/Character.tsx
@@ -96,17 +96,8 @@ export default function Character({ data }: { data: Cities }) {
           currentCharacter={currentCharacter.name}
           handleTouchEnd={handleTouchEnd}
           handleTouchStart={handleTouchStart}
-          setCharacterLoading={setCharacterLoading}
         />
       ))}
-      {/* {currentCharacter.name && (
-        <Profile
-          currentCharacter={currentCharacter.name}
-          handleTouchEnd={handleTouchEnd}
-          handleTouchStart={handleTouchStart}
-          setCharacterLoading={setCharacterLoading}
-        />
-      )} */}
       <div className="absolute left-[35%] top-[20%] z-20 h-[30%] w-[30%] max-w-96 sm:left-[25%]">
         {currentCharacter.name && <CharInfo character={currentCharacter} />}
       </div>
diff --git a/src/app/genshin/components/Profile.tsx b/src/app/genshin/components/Profile.tsx
index 8767430..6f767d6 100755
--- a/src/app/genshin/components/Profile.tsx
+++ b/src/app/genshin/components/Profile.tsx
@@ -5,18 +5,16 @@ export default function Profile({
   currentCharacter,
   handleTouchEnd,
   handleTouchStart,
-  setCharacterLoading,
   charName,
 }: {
   currentCharacter: string;
   handleTouchEnd: (e: React.TouchEvent<HTMLDivElement>) => void;
   handleTouchStart: (e: React.TouchEvent<HTMLDivElement>) => void;
-  setCharacterLoading: React.Dispatch<React.SetStateAction<boolean>>;
   charName: string;
 }) {
   return (
     <div
-      className={`absolute left-0 top-0 z-20 h-svh w-svw overflow-clip ${currentCharacter != charName && "hidden"}`}
+      className={`absolute left-0 top-0 h-svh w-svw overflow-clip ${currentCharacter != charName && "opacity-0"} ${currentCharacter == charName ? "z-20" : "z-0"}`}
     >
       <Image
         onTouchEnd={(e) => handleTouchEnd(e)}
@@ -33,11 +31,6 @@ export default function Profile({
         alt={charName}
         fill={true}
         priority={currentCharacter == charName}
-        // onLoad={(e) => {
-        //   setCharacterLoading(false);
-        //   e.currentTarget.classList.add("animate-slide-in");
-        //   e.currentTarget.classList.remove("opacity-0");
-        // }}
         placeholder="blur"
       />
     </div>