Added display for transcendence and subauras

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}>

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;
+        }
+      }
     }
   }
 }

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>

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}>