Fix saving characters (#427)

Saving characters was buggy because we added a key to the
`GridCharacter` response. They added to the backend but didn't show up
on the frontend without a refresh. Now we properly unwrap things and
newly added characters display instantly again.

components/character/CharacterGrid/index.tsx

@@ -100,13 +100,19 @@ const CharacterGrid = (props: Props) => {
     if (!party.id) {
       props.createParty().then((team) => {
         saveCharacter(team.id, character, position)
-          .then((response) => storeGridCharacter(response.data))
+          .then((response) => {
+            const data = response.data['grid_character']
+            storeGridCharacter(data)
+          })
           .catch((error) => console.error(error))
       })
     } else {
       if (props.editable)
         saveCharacter(party.id, character, position)
-          .then((response) => handleCharacterResponse(response.data))
+          .then((response) => {
+            const data = response.data['grid_character']
+            handleCharacterResponse(data)
+          })
           .catch((error) => {
             const axiosError = error as AxiosError
             const response = axiosError.response
@@ -126,6 +132,7 @@ const CharacterGrid = (props: Props) => {
       setPosition(data.position)
       setModalOpen(true)
     } else {
+      console.log(data)
       storeGridCharacter(data)
     }
   }

utils/api.tsx

@@ -210,7 +210,7 @@ class Api {
   }
 }
 
-const api: Api = new Api({ url: process.env.NEXT_PUBLIC_SIERO_API_URL || 'https://localhost:3000/api/v1'})
+const api: Api = new Api({ url: process.env.NEXT_PUBLIC_SIERO_API_URL || 'https://localhost:3000/v1'})
 api.createEntity({ name: 'users' })
 api.createEntity({ name: 'parties' })
 api.createEntity({ name: 'characters' })