update small

src/ui/Duel/PlayMat/Bg/index.tsx

@@ -97,6 +97,9 @@ const BgOtherBlocks: React.FC<{ op?: boolean }> = ({ op }) => {
   const glowingBanish = judgeGlowing(REMOVED);
   const snap = useSnapshot(placeStore.inner);
   const field = op ? snap[SZONE].op[5] : snap[SZONE].me[5];
+  const grave = op ? snap[GRAVE].op : snap[GRAVE].me;
+  const removed = op ? snap[REMOVED].op : snap[REMOVED].me;
+  const extra = op ? snap[EXTRA].op : snap[EXTRA].me;
 
   const genChains = (states: Snapshot<BlockState[]>) => {
     const chains: number[] = states.flatMap((state) => state.chainIndex);
@@ -110,12 +113,12 @@ const BgOtherBlocks: React.FC<{ op?: boolean }> = ({ op }) => {
       <BgBlock
         className={styles.banish}
         glowing={!op && glowingBanish}
-        chains={genChains(op ? snap[REMOVED].op : snap[REMOVED].me)}
+        chains={genChains(removed)}
       />
       <BgBlock
         className={styles.graveyard}
         glowing={!op && glowingGraveyard}
-        chains={genChains(op ? snap[GRAVE].op : snap[GRAVE].me)}
+        chains={genChains(grave)}
       />
       <BgBlock
         className={styles.field}
@@ -128,7 +131,7 @@ const BgOtherBlocks: React.FC<{ op?: boolean }> = ({ op }) => {
       <BgBlock
         className={classnames(styles.deck, styles["extra-deck"])}
         glowing={!op && glowingExtra}
-        chains={genChains(op ? snap[EXTRA].op : snap[EXTRA].me)}
+        chains={genChains(extra)}
       />
     </div>
   );