Fix: #74 #70 [API Integration]: Data Disclosure Agreement page

package.json

@@ -23,6 +23,7 @@
   "license": "ISC",
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.5",
+    "axios": "^1.6.8",
     "jwt-decode": "^4.0.0",
     "mui-image": "^1.0.7",
     "react": "^18.2.0",

src/component/Table/TableRows.tsx

@@ -38,6 +38,7 @@ const TableRows: FC<TableRowProps> = ({
             key={`Row-Cell-${index}`}
             width={tHead?.bodyWidth}
           >
+            {console.log("tHead", tHead)}
             {tHead?.field
               ? formatDatafield(tHead?.field, item)
               : tHead?.cell(item, tHead?.reference ? tHead?.reference : i )}

src/component/Table/index.tsx

@@ -27,6 +27,7 @@ const renderTableHead = (tableField) => {
 };
 
 const renderTableBody = (tableData, tableField, isColumnWise?) => {
+
   return (
     <TableBody>
       {isColumnWise ? 

src/component/VersionDropDown.tsx

@@ -1,7 +1,6 @@
-import React, { useState } from "react";
+import React from "react";
 import { MenuItem, Select } from "@mui/material";
 
-
 const dropDownStyle = {
   border: "1px solid lightgray",
   outline: "none",
@@ -16,103 +15,39 @@ const dropDownStyle = {
 
 interface Props {
   record: any;
-  selectedValue: any;
-  setSelectedValue: any;
-  key: any;
-  setSelectedDropdownDataAgreementValue: any;
 }
 
 const VersionDropdown = (props: Props) => {
-  const {
-    record,
-  } = props;
-
-  const [ selectedValue, setSelectedValue ] = useState('1.0.1');
-
-const dataAgreementFromRevision = [
-    {
-        version: "1.0.2",
-        active: true,
-    },
-    {
-        version: "1.0.3",
-        active: true,
-    },
-    {
-        version: "1.0.4",
-        active: true,
-    }
-]
-
-//   useEffect(() => {
-//     let dataAgreementFromRevision: any = record.revisions?.map(
-//       (revision: any) => {
-//         return JSON.parse(revision.objectData);
-//       }
-//     );
-
-//     if (record.active === false && filter === "all") {
-//       dataAgreementFromRevision = [
-//         record,
-//         ...(dataAgreementFromRevision !== undefined
-//           ? dataAgreementFromRevision
-//           : []),
-//       ];
-//       setDataAgreementFromRevision(dataAgreementFromRevision);
-//     } else {
-//       setDataAgreementFromRevision(dataAgreementFromRevision);
-//     }
-//   }, [record]);
-
-//   const setDefaultSelectedValueNew =
-//     dataAgreementFromRevision && dataAgreementFromRevision.length > 0
-//       ? dataAgreementFromRevision[0].version
-//       : "";
-
-  const handleChange = (event: any) => {
-    setSelectedValue(event.target.value);
-  }
-
-//     const selectedRevision = dataAgreementFromRevision?.find(
-//       (dataAgreement: any) => dataAgreement.version === event.target.value
-//     );
-
-//     record.selectedRevision = selectedRevision;
-//   };
-
-//   const newSelectedValue =
-//     selectedValue[record.id] || setDefaultSelectedValueNew;
+  const { record } = props;
 
   return (
     <>
       <Select
-        onChange={(e) => handleChange(e)}
         variant="outlined"
-        value={selectedValue}
+        value={record.version}
         fullWidth
         style={{
           ...dropDownStyle,
-          width: "120px"
+          width: "100%",
         }}
         renderValue={(value) => (
           <span
             style={{
-              color:"black"
+              color: record.publish_flag === "false" ? "#FF0C10" : "black",
             }}
           >
             {value}
           </span>
         )}
       >
-        {dataAgreementFromRevision?.map((versions: any, index: number) => (
-          <MenuItem
-            key={index}
-            value={versions.version}
-            style={{ color: versions.active === false ? "red" : "black" }}
-          >
-            {versions.version}
-          </MenuItem>
-        ))}
+        <MenuItem
+          value={record.version}
+          style={{
+            color: record.publish_flag === "false" ? "#FF0C10" : "black",
+          }}
+        >
+          {record.version}
+        </MenuItem>
       </Select>
     </>
   );