[RZB-2500048]: fixed survey form typing error

Author: xkeshav

abcd.code-workspace

@@ -153,7 +153,8 @@
       "titleBar.activeBackground": "#abcd00",
       "titleBar.activeForeground": "#15202b",
       "titleBar.inactiveBackground": "#abcd0099",
-      "titleBar.inactiveForeground": "#15202b99"
+      "titleBar.inactiveForeground": "#15202b99",
+      "tab.activeBorder": "#d5ff01"
     },
     "files.exclude": {
       "**/.git": false,

src/components/surveyForm.astro

@@ -1,6 +1,7 @@
 ---
-import type { SurveyData } from "../types/survey";
+import type { SurveyData } from "@/types";
 import "@/assets/styles/survey.css";
+
 interface Props {
   data: SurveyData;
 }

src/data/survey.json

@@ -6,37 +6,62 @@
       "id": 1,
       "questionText": "Do you have a handwritten sample of your child's first letters (A, B, C, etc.)?",
       "type": "singleChoice",
-      "options": ["Yes", "No", "Not yet, but I plan to"]
+      "options": [
+        "Yes",
+        "No",
+        "Not yet, but I plan to"
+      ]
     },
     {
       "id": 2,
       "questionText": "Have you captured your child’s first attempts at saying letters (A, B, C, etc.)?",
       "type": "singleChoice",
-      "options": ["Yes", "No", "Not yet, but I plan to"]
+      "options": [
+        "Yes",
+        "No",
+        "Not yet, but I plan to"
+      ]
     },
     {
       "id": 3,
       "questionText": "When did your child start writing or speaking their first letters?",
       "type": "singleChoice",
-      "options": ["Less than a month ago", "1-3 months ago", "More than 3 months ago"]
+      "options": [
+        "Less than a month ago",
+        "1-3 months ago",
+        "More than 3 months ago"
+      ]
     },
     {
       "id": 4,
       "questionText": "How long does your child spend practicing writing letters each day?",
       "type": "singleChoice",
-      "options": ["Less than 15 minutes", "15-30 minutes", "30-60 minutes", "More than 60 minutes"]
+      "options": [
+        "Less than 15 minutes",
+        "15-30 minutes",
+        "30-60 minutes",
+        "More than 60 minutes"
+      ]
     },
     {
       "id": 5,
       "questionText": "Would you be interested in setting your child’s handwriting as a personalized font for educational materials or keepsakes?",
       "type": "singleChoice",
-      "options": ["Yes", "No", "Not sure"]
+      "options": [
+        "Yes",
+        "No",
+        "Not sure"
+      ]
     },
     {
       "id": 6,
       "questionText": "Do you think that learning methods affect handwriting quality? For instance, if a child practices incorrectly, can it impact their writing?",
       "type": "singleChoice",
-      "options": ["Yes, it can affect handwriting quality.", "No, I don’t think it has a big impact.", "Not sure"]
+      "options": [
+        "Yes, it can affect handwriting quality.",
+        "No, I don’t think it has a big impact.",
+        "Not sure"
+      ]
     },
     {
       "id": 7,
@@ -53,13 +78,18 @@
       "id": 8,
       "questionText": "How often does your child practice writing or speaking letters?",
       "type": "singleChoice",
-      "options": ["Daily", "Several times a week", "Weekly", "Occasionally"]
+      "options": [
+        "Daily",
+        "Several times a week",
+        "Weekly",
+        "Occasionally"
+      ]
     },
     {
       "id": 9,
-      "questionText": "Is there something specific you’d like to see in tools or resources for young children learning to write or speak?",
+      "questionText": "Is there something specific you would like to see in tools or resources for young children learning to write or speak?",
       "type": "openEnded",
-      "options": null
+      "options": []
     }
   ]
-}
+}

src/pages/survey.astro

@@ -1,9 +1,12 @@
 ---
 import SurveyForm from "@/components/surveyForm.astro";
-import surveyData from "../data/survey.json";
 import BaseLayout from "@/layouts/Base";
+import type { SurveyData } from "@/types";
+import { Debug } from "astro:components";
+import surveyData from "../data/survey.json";
 ---
 
-<BaseLayout meta={{ title: "Survey-Form" }}>
-  <SurveyForm data={surveyData} />
+<Debug data={surveyData} />
+<BaseLayout meta={{ title: "Survey Form" }}>
+  <SurveyForm data={surveyData as SurveyData} />
 </BaseLayout>

src/types/index.ts

@@ -1,4 +1,4 @@
-export type { LinkProps } from "./link";
 export type { LetterEntity } from "./alphabet";
-
 export type { BlogCardProps, BlogMeta, BlogPost } from "./blog";
+export type { LinkProps } from "./link";
+export type { Question, SurveyData } from "./survey";

src/types/survey.ts

@@ -3,7 +3,7 @@ export type Question = {
   id: number;
   questionText: string;
   type: "singleChoice" | "multiChoice" | "openEnded";
-  options: string[] | null;
+  options: string[];
 };
 
 export type SurveyData = {