Add support for removing guidebooks

components/extra/GuidebookUnit/index.tsx

@@ -23,7 +23,7 @@ interface Props {
   guidebook: Guidebook | undefined
   position: number
   editable: boolean
-  removeGuidebook: (id: string) => void
+  removeGuidebook: (position: number) => void
   updateObject: (object: SearchableObject, position: number) => void
 }
 
@@ -91,7 +91,7 @@ const GuidebookUnit = ({
 
   // Methods: Mutate data
   function removeGuidebook() {
-    if (guidebook) sendGuidebookToRemove(guidebook.id)
+    if (guidebook) sendGuidebookToRemove(position)
     setAlertOpen(false)
   }
 
@@ -136,7 +136,7 @@ const GuidebookUnit = ({
       <Alert
         open={alertOpen}
         primaryAction={removeGuidebook}
-        primaryActionText={t('modals.weapon.buttons.remove')}
+        primaryActionText={t('modals.guidebooks.buttons.remove')}
         cancelAction={() => setAlertOpen(false)}
         cancelActionText={t('buttons.cancel')}
         message={

components/extra/GuidebooksGrid/index.tsx

@@ -13,7 +13,7 @@ interface Props {
   grid: GuidebookList
   editable: boolean
   offset: number
-  removeGuidebook: (id: string) => void
+  removeGuidebook: (position: number) => void
   updateObject: (object: SearchableObject, position: number) => void
 }
 

components/party/Party/index.tsx

@@ -164,7 +164,13 @@ const Party = (props: Props) => {
     }
   }
 
-  function updateGuidebook(book: Guidebook, position: number) {
+  function updateGuidebook(book: Guidebook | undefined, position: number) {
+    let id: string | undefined = ''
+
+    if (book) id = book.id
+    else if (!book) id = 'undefined'
+    else id = undefined
+
     const details: DetailsObject = {
       guidebook1_id: position === 1 ? id : undefined,
       guidebook2_id: position === 2 ? id : undefined,

components/weapon/WeaponGrid/index.tsx

@@ -31,7 +31,7 @@ interface Props {
   createParty: (details: DetailsObject) => Promise<Party>
   pushHistory?: (path: string) => void
   updateExtra: (enabled: boolean) => void
-  updateGuidebook: (book: Guidebook, position: number) => void
+  updateGuidebook: (book: Guidebook | undefined, position: number) => void
 }
 
 const WeaponGrid = (props: Props) => {
@@ -249,6 +249,10 @@ const WeaponGrid = (props: Props) => {
     }
   }
 
+  async function removeGuidebook(position: number) {
+    props.updateGuidebook(undefined, position)
+  }
+
   // Methods: Updating uncap level
   // Note: Saves, but debouncing is not working properly
   async function saveUncap(id: string, position: number, uncapLevel: number) {

public/locales/en/common.json

@@ -232,6 +232,11 @@
         "clear": "Clear filters"
       }
     },
+    "guidebooks": {
+      "buttons": {
+        "remove": "Remove guidebook"
+      }
+    },
     "login": {
       "title": "Log in",
       "buttons": {

public/locales/ja/common.json

@@ -232,6 +232,11 @@
         "clear": "保存したフィルターをクリア"
       }
     },
+    "guidebooks": {
+      "buttons": {
+        "remove": "導本を削除する"
+      }
+    },
     "login": {
       "title": "ログイン",
       "buttons": {