Reset values when the dialog is closed

The way we handle state means that we will keep old, unsaved values around if we don't do this

components/character/CharacterModal/index.tsx

@@ -249,6 +249,19 @@ const CharacterModal = ({
   }
 
   function close() {
+    setEarring({
+      modifier: gridCharacter.aetherial_mastery
+        ? gridCharacter.aetherial_mastery.modifier
+        : 0,
+      strength: gridCharacter.aetherial_mastery
+        ? gridCharacter.aetherial_mastery.strength
+        : 0,
+    })
+
+    setRings(gridCharacter.over_mastery || emptyExtendedMastery)
+    setAwakening(gridCharacter.awakening.type)
+    setAwakeningLevel(gridCharacter.awakening.level)
+
     setAlertOpen(false)
     setOpen(false)
     onOpenChange(false)

components/mastery/AwakeningSelectWithInput/index.tsx

@@ -133,7 +133,6 @@ const AwakeningSelectWithInput = ({
   }
 
   // Methods: Handle error
-
   function handleInputError(value: number) {
     let error = ''
 
@@ -211,7 +210,6 @@ const AwakeningSelectWithInput = ({
           max={maxLevel}
           step="1"
           onChange={handleInputChange}
-          visible={awakening ? 'true' : 'false'}
           ref={inputRef}
         />
       </div>