From 31699cf1753c97666127b47342dd56a4b8547c76 Mon Sep 17 00:00:00 2001
From: Edmel John Linaugo <68092712+EdmelKun@users.noreply.github.com>
Date: Wed, 6 Dec 2023 21:48:16 +0800
Subject: [PATCH] fix: handled multiselect bug and refetch rev data

---
 .../src/screens/create-reviewer/index.tsx     | 23 ++++++++++---------
 apps/expo/src/screens/play-test/TestCard.tsx  |  3 +--
 apps/expo/src/screens/play-test/index.tsx     |  1 +
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/apps/expo/src/screens/create-reviewer/index.tsx b/apps/expo/src/screens/create-reviewer/index.tsx
index 8287cf5..d125415 100644
--- a/apps/expo/src/screens/create-reviewer/index.tsx
+++ b/apps/expo/src/screens/create-reviewer/index.tsx
@@ -44,9 +44,7 @@ import useQuestionStore from "../../stores/useQuestionStore";
 import { AppButton } from "../../components/buttons/AppButton";
 import * as DocumentPicker from "expo-document-picker";
 import * as FileSystem from "expo-file-system";
-import {
-  extractHighlightedText,
-} from "../../utils/helpers/strings";
+import { extractHighlightedText } from "../../utils/helpers/strings";
 
 interface CacheOptions {
   name: string;
@@ -90,14 +88,15 @@ export const CreateReviewerScreen = ({
   const resetReviewerImage = useImageStore((state) => state.resetReviewerImage);
   const goBack = useGoBack();
 
-  const { data: reviewerDetails } = trpc.reviewer.getReviewerById.useQuery(
-    {
-      reviewerId: reviewerId ?? "",
-    },
-    {
-      enabled: reviewerId !== undefined,
-    },
-  );
+  const { data: reviewerDetails, refetch: refetchReviewerDetails } =
+    trpc.reviewer.getReviewerById.useQuery(
+      {
+        reviewerId: reviewerId ?? "",
+      },
+      {
+        enabled: reviewerId !== undefined,
+      },
+    );
 
   const { mutate: readFile } = trpc.pdfTextExtraction.extractText.useMutation();
 
@@ -300,6 +299,7 @@ export const CreateReviewerScreen = ({
         },
         {
           onSuccess: () => {
+            refetchReviewerDetails();
             successToast({
               title: "Success",
               message: "Reviewer updated successfully",
@@ -330,6 +330,7 @@ export const CreateReviewerScreen = ({
         },
         {
           onSuccess: () => {
+            refetchReviewerDetails();
             successToast({
               title: "Success",
               message: "Reviewer created successfully",
diff --git a/apps/expo/src/screens/play-test/TestCard.tsx b/apps/expo/src/screens/play-test/TestCard.tsx
index 5fd2950..2414818 100644
--- a/apps/expo/src/screens/play-test/TestCard.tsx
+++ b/apps/expo/src/screens/play-test/TestCard.tsx
@@ -7,7 +7,6 @@ import { AppButton } from "../../components/buttons/AppButton";
 
 import type { ChoiceStyle } from "../create-question/types";
 import type { ChoiceStatus } from "./index";
-import DoubleBarsIcon from "../../icons/DoubleBarsIcon";
 import CheckIcon from "../../icons/CheckIcon";
 
 export const choiceStyles: ChoiceStyle[] = [
@@ -234,7 +233,7 @@ export const MultiSelectCard = ({
       ) : null}
       {!isDone ? (
         <View className="absolute right-4 top-[19px] h-5 w-5">
-          {isSelected ? <CheckIcon /> : <DoubleBarsIcon />}
+          {isSelected ? <CheckIcon /> : ""}
         </View>
       ) : null}
       <View className="h-full w-full items-center justify-center">
diff --git a/apps/expo/src/screens/play-test/index.tsx b/apps/expo/src/screens/play-test/index.tsx
index 6cd4bba..468c250 100644
--- a/apps/expo/src/screens/play-test/index.tsx
+++ b/apps/expo/src/screens/play-test/index.tsx
@@ -407,6 +407,7 @@ export const PlayTestScreen: FC<RootStackScreenProps<"PlayTest">> = ({
 
     upperBarRef.current?.hide();
     setIsDone(false);
+    setChoiceStatus([false, false, false, false]);
   };
 
   const showUpperBar = () => {