From 4c536955aa3ecf57cd327e0c02e91526bcfa3b25 Mon Sep 17 00:00:00 2001
From: Justin Edmund <383021+jedmund@users.noreply.github.com>
Date: Mon, 25 Mar 2024 05:54:16 -0400
Subject: [PATCH] Added display for transcendence and subauras

---
 .../character/CharacterResult/index.tsx       |  2 ++
 .../summon/SummonResult/index.module.scss     | 21 +++++++++++++++++++
 components/summon/SummonResult/index.tsx      |  7 +++++++
 components/weapon/WeaponResult/index.tsx      |  2 ++
 4 files changed, 32 insertions(+)

diff --git a/components/character/CharacterResult/index.tsx b/components/character/CharacterResult/index.tsx
index 47ef8ea2..ef4dd572 100644
--- a/components/character/CharacterResult/index.tsx
+++ b/components/character/CharacterResult/index.tsx
@@ -39,6 +39,8 @@ const CharacterResult = (props: Props) => {
           type="character"
           flb={character.uncap.flb}
           ulb={character.uncap.ulb}
+          transcendence={character.uncap.transcendence}
+          transcendenceStage={5}
           special={character.special}
         />
         <div className={styles.tags}>
diff --git a/components/summon/SummonResult/index.module.scss b/components/summon/SummonResult/index.module.scss
index cf165364..ee36f4e2 100644
--- a/components/summon/SummonResult/index.module.scss
+++ b/components/summon/SummonResult/index.module.scss
@@ -1,4 +1,5 @@
 .result {
+  align-items: center;
   border-radius: 6px;
   display: flex;
   gap: $unit;
@@ -53,6 +54,7 @@
       display: flex;
       flex-direction: row;
       gap: calc($unit / 2);
+      align-items: center;
 
       .WeaponLabelIcon {
         $aspect-ratio: calc(25 / 60);
@@ -62,6 +64,25 @@
         height: $height;
         width: calc($height / $aspect-ratio);
       }
+
+      .subaura {
+        align-items: center;
+        display: flex;
+        flex-direction: row;
+        gap: $unit-half;
+
+        svg {
+          fill: var(--text-secondary);
+          width: $unit-2x;
+          height: $unit-2x;
+        }
+
+        span {
+          color: var(--text-secondary);
+          font-size: $font-small;
+          font-weight: $bold;
+        }
+      }
     }
   }
 }
diff --git a/components/summon/SummonResult/index.tsx b/components/summon/SummonResult/index.tsx
index 1361c28a..4a7fe4d3 100644
--- a/components/summon/SummonResult/index.tsx
+++ b/components/summon/SummonResult/index.tsx
@@ -3,6 +3,7 @@ import { useRouter } from 'next/router'
 
 import UncapIndicator from '~components/uncap/UncapIndicator'
 import WeaponLabelIcon from '~components/weapon/WeaponLabelIcon'
+import CheckIcon from '~public/icons/Check.svg'
 
 import styles from './index.module.scss'
 
@@ -32,10 +33,16 @@ const SummonResult = (props: Props) => {
           type="summon"
           flb={summon.uncap.flb}
           ulb={summon.uncap.ulb}
+          transcendence={summon.uncap.transcendence}
+          transcendenceStage={5}
           special={false}
         />
         <div className={styles.tags}>
           <WeaponLabelIcon labelType={Element[summon.element]} />
+          <div className={styles.subaura}>
+            <CheckIcon />
+            <span>Subaura</span>
+          </div>
         </div>
       </div>
     </li>
diff --git a/components/weapon/WeaponResult/index.tsx b/components/weapon/WeaponResult/index.tsx
index 9506a952..ea2ab682 100644
--- a/components/weapon/WeaponResult/index.tsx
+++ b/components/weapon/WeaponResult/index.tsx
@@ -44,6 +44,8 @@ const WeaponResult = (props: Props) => {
           type="weapon"
           flb={weapon.uncap.flb}
           ulb={weapon.uncap.ulb}
+          transcendence={weapon.uncap.transcendence}
+          transcendenceStage={5}
           special={false}
         />
         <div className={styles.tags}>