fix: warnings in console in verification flow

src/commonComponents/CustomCheckbox.tsx

@@ -1,21 +1,27 @@
 import React, { useEffect, useState } from 'react';
-import { setToLocalStorage } from '../api/Auth';
+import { getFromLocalStorage, setToLocalStorage } from '../api/Auth';
 import { storageKeys } from '../config/CommonConstant';
 import type { ICustomCheckboxProps, ISchemaData } from './interface';
 
 const CustomCheckbox: React.FC<ICustomCheckboxProps> = ({ showCheckbox, isVerificationUsingEmail, onChange, schemaData }) => {
   const [checked, setChecked] = useState<boolean>(false);
 
   useEffect(() => {
-    if (schemaData) {
-      try {
-        const selectedSchemas = JSON.parse(localStorage.getItem('selectedSchemas') ?? '[]');
-        const isChecked = selectedSchemas.some((schema: ISchemaData) => schema.schemaId === schemaData.schemaId);
-        setChecked(isChecked);
-      } catch (error) {
-        console.error('Error parsing JSON from localStorage:', error);
+  const fetchSelectedSchemas = async () => {
+      if (schemaData) {
+        try {
+          const storedSchemaData = await getFromLocalStorage(storageKeys.SELECTED_SCHEMAS);
+          if(storedSchemaData){
+            const selectedSchemas= JSON.parse(storedSchemaData);
+            const isChecked = selectedSchemas.some((schema: ISchemaData) => schema.schemaId === schemaData.schemaId);
+            setChecked(isChecked);
+          }
+        } catch (error) {
+          console.error('Error parsing JSON from localStorage:', error);
+        }
       }
-    }
+    };
+    fetchSelectedSchemas();
   }, [schemaData]);
 
   const handleCheckboxChange = async () => {
@@ -24,17 +30,21 @@ const CustomCheckbox: React.FC<ICustomCheckboxProps> = ({ showCheckbox, isVerifi
     onChange(newChecked, schemaData);
 
     try {
-      const selectedSchemas = JSON.parse(localStorage.getItem('selectedSchemas') ?? '[]');
-
-      if (newChecked) {
-        selectedSchemas.push(schemaData);
-      } else {
-        const index = selectedSchemas.findIndex((schema: ISchemaData) => schema.schemaId === schemaData?.schemaId);
-        if (index > -1) {
-          selectedSchemas.splice(index, 1);
+      const storedSchemaData = await getFromLocalStorage(storageKeys.SELECTED_SCHEMAS);
+      if(storedSchemaData){
+
+        const selectedSchemas = JSON.parse(storedSchemaData);
+
+        if (newChecked) {
+          selectedSchemas.push(schemaData);
+        } else {
+          const index = selectedSchemas.findIndex((schema: ISchemaData) => schema.schemaId === schemaData?.schemaId);
+          if (index > -1) {
+            selectedSchemas.splice(index, 1);
+          }
         }
+        await setToLocalStorage(storageKeys.SELECTED_SCHEMAS, JSON.stringify(selectedSchemas));
       }
-      await setToLocalStorage(storageKeys.SELECTED_SCHEMAS, JSON.stringify(selectedSchemas));
     } catch (error) {
       console.error('Error updating localStorage:', error);
     }

src/commonComponents/SchemaCard.tsx

@@ -11,6 +11,7 @@ import { limitedAttributesLength, storageKeys } from '../config/CommonConstant';
 import type { IAttribute, ISchemaCardProps, ISchemaData } from './interface';
 import CustomCheckbox from './CustomCheckbox';
 import { Ledgers, Network, PolygonNetworks } from '../common/enums';
+import React from 'react';
 
 const SchemaCard = (props: ISchemaCardProps) => {
   const orgDidDetails = async () => {
@@ -65,16 +66,14 @@ const handleCheckboxChange = (checked: boolean, schemaData?: ISchemaData) => {
   }
 };
 
+const SchemaData = {
+  schemaId: props.schemaId,
+  attributes: props.attributes,
+  issuerDid: props.issuerDid,
+  created: props.created,
+};
 
-  return (
-    <Card onClick={() => {
-
-      if (!props.w3cSchema) {
-        props.onClickCallback(props.schemaId, props.attributes, props.issuerDid, props.created)
-      }
-
-     if (props.w3cSchema) {
-    const W3CSchemaData = {
+ const W3CSchemaData = {
       schemaId: props.schemaId,
       schemaName: props.schemaName,
       version: props.version,
@@ -83,6 +82,12 @@ const handleCheckboxChange = (checked: boolean, schemaData?: ISchemaData) => {
       created: props.created,
   };
 
+  return (
+    <Card onClick={() => {
+      if (!props.w3cSchema && props.onClickCallback) {
+        props.onClickCallback(SchemaData);
+      }
+     if (props.w3cSchema && props.onClickW3CCallback) {
   props.onClickW3CCallback(W3CSchemaData);
 }
     }}

src/commonComponents/datatable/index.tsx

@@ -1,9 +1,9 @@
-import type { TableData, TableHeader } from './interface';
+import type { ITableData, TableHeader } from './interface';
 import CustomSpinner from '../../components/CustomSpinner';
 
 interface DataTableProps {
 	header: TableHeader[];
-	data: TableData[];
+	data: ITableData[];
 	loading: boolean;
 	callback?: (clickId: string | null | undefined) => void;
 	displaySelect?: boolean;

src/commonComponents/interface.ts

@@ -40,7 +40,11 @@ export interface ISchemaCardProps {
 	created: string;
 	isClickable?: boolean;
 	showCheckbox?: boolean;
-	onClickCallback: (schemaId: string, attributes: string[], issuerDid: string, created: string) => void;
+	onClickCallback: (SchemaData:{
+		schemaId: string;
+		attributes: string[]; 
+		issuerDid: string;
+		created: string}) => void;
 
     onClickW3CCallback: (W3CSchemaData: {
 		schemaId: string;