Rearrange so that hovercard clicks dont trigger search

components/CharacterUnit/index.tsx

@@ -295,18 +295,7 @@ const CharacterUnit = ({
       />
     )
 
-    if (gridCharacter) {
+    const content = (
-      image = (
-        <CharacterHovercard
-          gridCharacter={gridCharacter}
-          onTriggerClick={openSearchModal}
-        >
-          {image}
-        </CharacterHovercard>
-      )
-    }
-
-    return (
       <div
         className="CharacterImage"
         tabIndex={gridCharacter ? gridCharacter.position * 7 : 0}
@@ -322,6 +311,17 @@ const CharacterUnit = ({
         )}
       </div>
     )
+
+    return gridCharacter ? (
+      <CharacterHovercard
+        gridCharacter={gridCharacter}
+        onTriggerClick={openSearchModal}
+      >
+        {content}
+      </CharacterHovercard>
+    ) : (
+      content
+    )
   }
 
   const unitContent = (

components/SummonUnit/index.tsx

@@ -235,18 +235,7 @@ const SummonUnit = ({
       />
     )
 
-    if (gridSummon) {
+    const content = (
-      image = (
-        <SummonHovercard
-          gridSummon={gridSummon}
-          onTriggerClick={openSearchModal}
-        >
-          {image}
-        </SummonHovercard>
-      )
-    }
-
-    return (
       <div className="SummonImage" onClick={openSearchModal}>
         {image}
         {editable ? (
@@ -258,6 +247,14 @@ const SummonUnit = ({
         )}
       </div>
     )
+
+    return gridSummon ? (
+      <SummonHovercard gridSummon={gridSummon} onTriggerClick={openSearchModal}>
+        {content}
+      </SummonHovercard>
+    ) : (
+      content
+    )
   }
 
   const unitContent = (