fix: add error text display for invalid vote context

Author: JosephRana11

govtool/frontend/src/components/molecules/VoteActionForm.tsx

@@ -12,7 +12,7 @@ import {
   useGetVoteContextTextFromFile,
 } from "@hooks";
 import { formatDisplayDate } from "@utils";
-import { fadedPurple } from "@/consts";
+import { errorRed, fadedPurple } from "@/consts";
 import { ProposalData, ProposalVote, Vote } from "@/models";
 import { VoteContextModalState, SubmittedVotesModalState } from "../organisms";
 
@@ -36,7 +36,8 @@ export const VoteActionForm = ({
     useState<boolean>(false);
 
   const { voter } = useGetVoterInfo();
-  const { voteContextText } = useGetVoteContextTextFromFile(voteContextUrl, voteContextHash) || {};
+  const { voteContextText, valid: voteContextValid = true } =
+    useGetVoteContextTextFromFile(voteContextUrl, voteContextHash) || {};
 
   const finalVoteContextText =
   ((previousVote != null || undefined) && !voteContextUrl && !voteContextHash)
@@ -247,6 +248,12 @@ export const VoteActionForm = ({
             {t("govActions.showVotes")}
           </Button>
         )}
+        {
+          !voteContextValid &&
+            <Typography sx={{ fontSize: "14px", fontWeight: 700, color: errorRed.c500 }}>
+                {t("govActions.invalidVoteContext")}
+            </Typography>
+        }
         {finalVoteContextText && (
           <>
             <Typography sx={{ fontSize: "14px", fontWeight: 500 }}>{t("govActions.yourVoteRationale")}</Typography>

govtool/frontend/src/hooks/queries/useGetVoteContextTextFromFile.ts

@@ -23,14 +23,25 @@ export const useGetVoteContextTextFromFile = (url: string | undefined,
 
   const voteContextText = (data?.metadata as { comment?: string })?.comment || "";
 
-  if (data?.valid) {
+  if (url === undefined || contextHash === undefined) {
     return {
-      voteContextText,
-      isLoading
-    };
-  }
-  return {
       voteContextText: undefined,
-      isLoading
+      isLoading: false,
+      valid: true
     };
+  }
+  if (data) {
+    if (data?.valid) {
+      return {
+        voteContextText,
+        isLoading,
+        valid: true
+      };
+    }
+    return {
+        voteContextText: undefined,
+        isLoading,
+        valid: false
+      };
+  }
 };

govtool/frontend/src/i18n/locales/en.json

@@ -456,6 +456,7 @@
     "changeYourVote": "Change your vote",
     "chooseHowToVote": "Choose how you want to vote:",
     "yourVoteRationale": "Your Vote Rationale",
+    "invalidVoteContext": "Invalid Vote Context",
     "dataMissing": "Data Missing",
     "dataMissingTooltipExplanation": "Please click “View Details” for more information.",
     "details": "Governance Details:",