From c0490290d8741832428dc3078f836dc27e24330b Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 30 Jun 2023 12:29:03 -0700
Subject: [PATCH] Fix ExtraSummons and rename to ExtraSummonsGrid

---
 .../ExtraSummonsGrid}/index.module.scss            | 14 +++-----------
 .../ExtraSummonsGrid}/index.tsx                    | 10 +++++-----
 2 files changed, 8 insertions(+), 16 deletions(-)
 rename components/{summon/ExtraSummons => extra/ExtraSummonsGrid}/index.module.scss (84%)
 rename components/{summon/ExtraSummons => extra/ExtraSummonsGrid}/index.tsx (87%)

diff --git a/components/summon/ExtraSummons/index.module.scss b/components/extra/ExtraSummonsGrid/index.module.scss
similarity index 84%
rename from components/summon/ExtraSummons/index.module.scss
rename to components/extra/ExtraSummonsGrid/index.module.scss
index 72e27b10..6878d250 100644
--- a/components/summon/ExtraSummons/index.module.scss
+++ b/components/extra/ExtraSummonsGrid/index.module.scss
@@ -1,4 +1,4 @@
-.ExtraGrid.Summons {
+.container {
   background: var(--subaura-orange-bg);
   border-radius: $input-corner;
   box-sizing: border-box;
@@ -30,7 +30,7 @@
     }
   }
 
-  & > span {
+  h3 {
     color: var(--subaura-orange-text);
     display: flex;
     align-items: center;
@@ -40,7 +40,7 @@
     text-align: center;
   }
 
-  #ExtraSummons {
+  .grid {
     display: grid;
     gap: $unit-3x;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -63,14 +63,6 @@
     }
   }
 
-  .SummonUnit .SummonImage {
-    background: var(--subaura-orange-card-bg);
-  }
-
-  .SummonUnit .SummonImage .icon svg {
-    fill: var(--subaura-orange-secondary);
-  }
-
   .SummonUnit .QuickSummon {
     display: none;
   }
diff --git a/components/summon/ExtraSummons/index.tsx b/components/extra/ExtraSummonsGrid/index.tsx
similarity index 87%
rename from components/summon/ExtraSummons/index.tsx
rename to components/extra/ExtraSummonsGrid/index.tsx
index 7debe3df..b22c5475 100644
--- a/components/summon/ExtraSummons/index.tsx
+++ b/components/extra/ExtraSummonsGrid/index.tsx
@@ -17,15 +17,15 @@ interface Props {
   updateTranscendence: (id: string, position: number, stage: number) => void
 }
 
-const ExtraSummons = (props: Props) => {
+const ExtraSummonsGrid = (props: Props) => {
   const numSummons: number = 2
 
   const { t } = useTranslation('common')
 
   return (
-    <div className="ExtraGrid Summons">
-      <span>{t('summons.subaura')}</span>
-      <ul id="ExtraSummons">
+    <div className={styles.container}>
+      <h3>{t('summons.subaura')}</h3>
+      <ul className={styles.grid}>
         {Array.from(Array(numSummons)).map((x, i) => {
           return (
             <li key={`grid_unit_${i}`}>
@@ -47,4 +47,4 @@ const ExtraSummons = (props: Props) => {
   )
 }
 
-export default ExtraSummons
+export default ExtraSummonsGrid