バッジに反映されるように

Author: Midra429

src/components/slot-item/index.tsx

@@ -37,13 +37,13 @@ export const SlotItem: React.FC<SlotItemProps> = ({
   const [isOptionsOpen, setIsOptionsOpen] = useState(false)
 
   const onPressAdd = useCallback(async () => {
-    await ncoState?.set('status', 'loading')
-
     await ncoState?.add('slotDetails', {
       ...detail,
       status: 'loading',
     })
 
+    await ncoState?.set('status', 'loading')
+
     const { id } = detail
 
     const [comment] = await getNiconicoComments([{ contentId: id }])
@@ -83,10 +83,14 @@ export const SlotItem: React.FC<SlotItemProps> = ({
   }, [detail])
 
   const onPressRemove = useCallback(async () => {
+    await ncoState?.set('status', 'loading')
+
     const { id } = detail
 
     await ncoState?.remove('slotDetails', { id })
     await ncoState?.remove('slots', { id })
+
+    await ncoState?.set('status', 'ready')
   }, [detail.id])
 
   return (

src/entrypoints/popup/SidePane/JikkyoSelector.tsx

@@ -93,13 +93,15 @@ export const JikkyoSelector: React.FC<JikkyoSelectorProps> = ({
   const onAdd = useCallback(async () => {
     if (!slotDetail) return
 
-    await ncoState?.set('status', 'loading')
-
     await ncoState?.add('slotDetails', {
       ...slotDetail,
       status: 'loading',
     })
 
+    await ncoState?.set('status', 'loading')
+
+    const { id } = slotDetail
+
     const [comment] = await getJikkyoKakologs([
       {
         jkChId: jkChId!,
@@ -112,7 +114,7 @@ export const JikkyoSelector: React.FC<JikkyoSelectorProps> = ({
       const { thread, markers } = comment
 
       await ncoState?.update('slotDetails', ['id'], {
-        id: thread.id as string,
+        id,
         status: 'ready',
         markers,
         info: {
@@ -123,13 +125,11 @@ export const JikkyoSelector: React.FC<JikkyoSelectorProps> = ({
       })
 
       await ncoState?.add('slots', {
-        id: thread.id as string,
+        id,
         threads: [thread],
       })
     } else {
-      await ncoState?.remove('slotDetails', {
-        id: slotDetail.id,
-      })
+      await ncoState?.remove('slotDetails', { id })
     }
 
     await ncoState?.set('status', 'ready')