Issue feat: fix undefine null function for array to map

tekdi · Aug 2, 2024 · d65d7e1 · d65d7e1
1 parent 61b27c6
commit d65d7e1
Show file tree

Hide file tree

Showing 14 changed files with 21 additions and 21 deletions.
diff --git a/src/components/DeleteUserModal.tsx b/src/components/DeleteUserModal.tsx
@@ -69,7 +69,7 @@ const DeleteUserModal: React.FC<DeleteUserModalProps> = ({
       >
         <>
           <Box padding={"0 1rem"}>
-            {reasons.map((option) => (
+            {reasons?.map((option) => (
               <>
                 <Box
                   display={"flex"}

diff --git a/src/components/DynamicForm.tsx b/src/components/DynamicForm.tsx
@@ -72,7 +72,7 @@ const DynamicForm: React.FC<DynamicFormProps> = ({
   function transformErrors(errors: any) {
     console.log("errors", errors);
     console.log("schema", schema);
-    return errors.map((error: any) => {
+    return errors?.map((error: any) => {
       switch (error.name) {
         case "required": {
           error.message = t("FORM_ERROR_MESSAGES.THIS_IS_REQUIRED_FIELD");

diff --git a/src/components/FormControl.tsx b/src/components/FormControl.tsx
@@ -45,7 +45,7 @@ const MultipleSelectCheckmarks: React.FC<MultipleSelectCheckmarksProps> = ({
       target: { value },
     } = event;
     const selectedNames = typeof value === "string" ? value.split(",") : value;
-    const selectedCodes = selectedNames.map(
+    const selectedCodes = selectedNames?.map(
       (name) => codes[names.indexOf(name)],
     );
     onCategoryChange(selectedNames, selectedCodes);

diff --git a/src/components/GeneratedSchemas.ts b/src/components/GeneratedSchemas.ts
@@ -81,7 +81,7 @@ export const GenerateSchemaAndUiSchema = (
         fieldSchema.checkbox = true;
         fieldSchema.items = {
           type: "string",
-          oneOf: options.map((opt: FieldOption) => ({
+          oneOf: options?.map((opt: FieldOption) => ({
             const: opt.value,
             title:
               t(`FORM.${opt.label}`) === `FORM.${opt.label}`
@@ -94,7 +94,7 @@ export const GenerateSchemaAndUiSchema = (
         break;
       case "radio":
         fieldSchema.type = "string";
-        fieldSchema.oneOf = options.map((opt: FieldOption) => ({
+        fieldSchema.oneOf = options?.map((opt: FieldOption) => ({
           const: opt.value,
           title:
             t(`FORM.${opt.label}`) === `FORM.${opt.label}`
@@ -131,10 +131,10 @@ export const GenerateSchemaAndUiSchema = (
       fieldSchema.type = "array";
       fieldSchema.items = {
         type: "string",
-        enum: options.map((opt: FieldOption) => opt.value),
+        enum: options?.map((opt: FieldOption) => opt.value),
       };
       fieldSchema.uniqueItems = true;
-      fieldSchema.enumNames = options.map((opt: FieldOption) =>
+      fieldSchema.enumNames = options?.map((opt: FieldOption) =>
         t(`FORM.${opt.label}`) === `FORM.${opt.label}`
           ? opt.label
           : t(`FORM.${opt.label}`)
@@ -151,7 +151,7 @@ export const GenerateSchemaAndUiSchema = (
     if (isMultiSelect && maxSelections === 1 && type === "drop_down") {
       fieldSchema.type = "string";
       fieldSchema.isDropdown = true;
-      fieldSchema.oneOf = options.map((opt: FieldOption) => ({
+      fieldSchema.oneOf = options?.map((opt: FieldOption) => ({
         const: opt.value,
         title:
           t(`FORM.${opt.label}`) === `FORM.${opt.label}`
@@ -163,7 +163,7 @@ export const GenerateSchemaAndUiSchema = (
     if (!isMultiSelect && type === "drop_down") {
       fieldSchema.type = "string";
       fieldSchema.isDropdown = true;
-      fieldSchema.oneOf = options.map((opt: FieldOption) => ({
+      fieldSchema.oneOf = options?.map((opt: FieldOption) => ({
         const: opt.value,
         title:
           t(`FORM.${opt.label}`) === `FORM.${opt.label}`
@@ -176,7 +176,7 @@ export const GenerateSchemaAndUiSchema = (
       fieldSchema.type = "array";
       fieldSchema.items = {
         type: "string",
-        oneOf: options.map((opt: FieldOption) => ({
+        oneOf: options?.map((opt: FieldOption) => ({
           const: opt.value,
           title:
             t(`FORM.${opt.label}`) === `FORM.${opt.label}`

diff --git a/src/components/HeaderComponent.tsx b/src/components/HeaderComponent.tsx
@@ -225,7 +225,7 @@ const HeaderComponent = ({
                 }}
               >
                 <MenuItem value="Sort">{t("COMMON.SORT")}</MenuItem>
-                {Sort.map((state, index) => (
+                {Sort?.map((state, index) => (
                   <MenuItem value={state} key={index}>
                     {state}
                   </MenuItem>

diff --git a/src/components/Steper.tsx b/src/components/Steper.tsx
@@ -8,7 +8,7 @@ const CustomStepper = ({ completedSteps = 0 }) => {
 
   return (
     <Box sx={{ display: "flex", gap: "4px", alignItems: "center" }}>
-      {[...Array(totalSteps)].map((_, index) => (
+      {[...Array(totalSteps)]?.map((_, index) => (
         <Box
           key={index}
           sx={{

diff --git a/src/components/Stepper.tsx b/src/components/Stepper.tsx
@@ -8,7 +8,7 @@ const CustomStepper = ({ completedSteps = 0 }) => {
 
   return (
     <Box sx={{ display: "flex", gap: "4px", alignItems: "center" }}>
-      {[...Array(totalSteps)].map((_, index) => (
+      {[...Array(totalSteps)]?.map((_, index) => (
         <Box
           key={index}
           sx={{

diff --git a/src/components/UserTable.tsx b/src/components/UserTable.tsx
@@ -527,7 +527,7 @@ const handleCloseAddTeamLeaderModal = () => {
 
         setPageCount(Math.ceil(resp?.totalCount / pageLimit));
         console.log(result);
-        const finalResult = result.map((user: any) => {
+        const finalResult = result?.map((user: any) => {
           const ageField = user.customFields.find(
             (field: any) => field.name === "age"
           );
@@ -587,7 +587,7 @@ const handleCloseAddTeamLeaderModal = () => {
           return;
         }
         const newData = await Promise.all(
-          data.map(async (user) => {
+          data?.map(async (user) => {
             const response = await getCohortList(user.userId);
             const cohortNames = response?.result?.cohortData?.map(
               (cohort: Cohort) => cohort.name

diff --git a/src/components/layouts/sidebar/Sidebar.tsx b/src/components/layouts/sidebar/Sidebar.tsx
@@ -100,7 +100,7 @@ const Sidebar = ({
               {item.subOptions && (
                 <Collapse in={open === index} timeout="auto" unmountOnExit>
                   <List component="div" disablePadding>
-                    {item.subOptions.map((subItem) => (
+                    {item.subOptions?.map((subItem) => (
                       <Tooltip title={t(subItem.title)} placement="right-start">
                         <ListItem
                           button

diff --git a/src/pages/course-planner/foundation.tsx b/src/pages/course-planner/foundation.tsx
@@ -113,7 +113,7 @@ const Foundation = () => {
               <Typography>{t("COURSE_PLANNER.COPY_LINK")}</Typography>
             </Box>
             {!selectedCardId ? (
-              cardData.map((card) => (
+              cardData?.map((card) => (
                 <Card
                   key={card.id}   
                   sx={{

diff --git a/src/pages/stateDetails.tsx b/src/pages/stateDetails.tsx
@@ -128,7 +128,7 @@ const StateDetails = () => {
         </Box>
       </Box>
       <Box sx={{ marginTop: "16px" }}>
-        {card.boards.map((board: string, index: number) => (
+        {card.boards?.map((board: string, index: number) => (
           <Card
             key={index}
             sx={{

diff --git a/src/pages/subjectDetails.tsx b/src/pages/subjectDetails.tsx
@@ -128,7 +128,7 @@ const SubjectDetails = () => {
         </Typography>
       </Box>
       <Box sx={{ marginTop: "16px" }}>
-        {card.subjects.map((subject, index) => (
+        {card.subjects?.map((subject, index) => (
           <MuiCard
             key={index}
             sx={{

diff --git a/src/services/CreateUserService.ts b/src/services/CreateUserService.ts
@@ -21,7 +21,7 @@ export const getFormRead = async (
     },
     paramsSerializer: params => {
       return Object.entries(params)
-        .map(([key, value]) => `${key}=${value}`)
+        ?.map(([key, value]) => `${key}=${value}`)
         .join('&');
     },
     headers:  { tenantId:"ef99949b-7f3a-4a5f-806a-e67e683e38f3"}

diff --git a/src/utils/Helper.ts b/src/utils/Helper.ts
@@ -36,7 +36,7 @@ export const getUserName = async (userId: string) => {
 export const getDeviceId = () => {
   return new Promise((resolve) => {
     FingerprintJS.get((components: any[]) => {
-      const values = components.map((component) => component.value);
+      const values = components?.map((component) => component.value);
       const deviceId = FingerprintJS.x64hash128(values.join(""), 31);
       resolve(deviceId);
     });