src/components/popup/SuitableDetailPopupButton.tsx

@@ -19,23 +19,21 @@ export default function SuitableDetailPopupButton() {
   }
 
   return (
-    <div className="float-btn-wrap">
+    <div className="btn-flex-wrap com">
-      <div className="btn-flex-wrap com">
+      <div className="btn-bx">
-        <div className="btn-bx">
+        <button className="btn-frame n-blue icon" onClick={handleClosePopup}>
-          <button className="btn-frame n-blue icon" onClick={handleClosePopup}>
+          閉じる<i className="btn-arr"></i>
-            閉じる<i className="btn-arr"></i>
+        </button>
-          </button>
+      </div>
-        </div>
+      <div className="btn-bx">
-        <div className="btn-bx">
+        <button className="btn-frame red icon" onClick={downloadSuitablePdf}>
-          <button className="btn-frame red icon" onClick={downloadSuitablePdf}>
+          ウンロード<i className="btn-arr"></i>
-            ウンロード<i className="btn-arr"></i>
+        </button>
-          </button>
+      </div>
-        </div>
+      <div className="btn-bx">
-        <div className="btn-bx">
+        <button className="btn-frame n-blue icon" onClick={() => handleRedirectPage('/inquiry/regist')}>
-          <button className="btn-frame n-blue icon" onClick={() => handleRedirectPage('/inquiry/regist')}>
+          1：1お問い合わせ<i className="btn-arr"></i>
-            1：1お問い合わせ<i className="btn-arr"></i>
+        </button>
-          </button>
-        </div>
       </div>
     </div>
   )

src/hooks/useSurvey.ts

@@ -175,9 +175,10 @@ export function useSurvey(id?: number): {
       })
       return resp.data.id ?? 0
     },
-    onSuccess: () => {
+    onSuccess: (data) => {
       queryClient.invalidateQueries({ queryKey: ['survey', 'list'] })
       queryClient.invalidateQueries({ queryKey: ['survey', id] })
+      return data
     },
   })