Bug Fix: Fix blank card issue on grade

Refreshing the entire list on every grade caused card IDs to change a
few times while the card was navigating to the next index of the prev
list cause it to fall out of sync sometimes

src/app.tsx

@@ -65,8 +65,6 @@ const App = () => {
         intervalMultiplier,
         intervalMultiplierType,
       });
-
-      refreshData();
     } catch (error) {
       console.error('Error Saving Practice Data', error);
     }

src/components/overlay/PracticeOverlay.tsx

@@ -127,7 +127,7 @@ const PracticeOverlay = ({
   const isDueToday = dateUtils.daysBetween(nextDueDate, new Date()) === 0;
   const status = isNew ? 'new' : isDueToday ? 'dueToday' : hasNextDueDate ? 'pastDue' : null;
 
-  const { data: blockInfo } = useBlockInfo({ refUid: currentCardRefUid });
+  const { blockInfo } = useBlockInfo({ refUid: currentCardRefUid });
   const hasBlockChildren = !!blockInfo.children && !!blockInfo.children.length;
   const [showAnswers, setShowAnswers] = React.useState(false);
   const [hasCloze, setHasCloze] = React.useState(true);

src/hooks/useBlockInfo.tsx

@@ -10,14 +10,14 @@ const useBlockInfo = ({ refUid }) => {
     const fetch = async () => {
       const blockInfo = await fetchBlockInfo(refUid);
 
-      setBlockInfo(blockInfo);
+      setBlockInfo({ ...blockInfo, refUid });
     };
 
     fetch();
   }, [refUid]);
 
   return {
-    data: blockInfo,
+    blockInfo,
   };
 };
 

src/queries.ts

@@ -658,6 +658,8 @@ export interface BlockInfo {
   string: string;
   children: any[];
   breadcrumbs: Breadcrumbs[];
+
+  refUid: string;
 }
 export interface Breadcrumbs {
   [index: number]: { uid: string; title: string };