Fix: Unlisted DDA should be in red colour

Signed-off-by: George J Padayatti <[email protected]>
decentralised-dataexchange · Apr 9, 2024 · 8d4ac2f · 8d4ac2f
1 parent b4883d0
commit 8d4ac2f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/component/VersionDropDown.tsx b/src/component/VersionDropDown.tsx
@@ -33,7 +33,7 @@ const VersionDropdown = (props: Props) => {
         renderValue={(value) => (
           <span
             style={{
-              color: record.publish_flag === "false" ? "#FF0C10" : "black",
+              color: record.status === "unlisted" ? "#FF0C10" : "black",
             }}
           >
             {value}
@@ -43,7 +43,7 @@ const VersionDropdown = (props: Props) => {
         <MenuItem
           value={record.version}
           style={{
-            color: record.publish_flag === "false" ? "#FF0C10" : "black",
+            color: record.status === "unlisted" ? "#FF0C10" : "black",
           }}
         >
           {record.version}

diff --git a/src/container/DDAgreements/ddaTable.jsx b/src/container/DDAgreements/ddaTable.jsx
@@ -74,13 +74,13 @@ const DDAtable = ({
         <TableBody>
           {tabledata?.dataDisclosureAgreements?.length > 0 ? (
             tabledata.dataDisclosureAgreements.map((row, index) => (
-              <StyledTableRow key={row.templateId}>
-                <StyledTableCell>{row.purpose}</StyledTableCell>
+              <StyledTableRow key={row.templateId} style={{color: "red"}}>
+                <StyledTableCell style={{color: row.status === "unlisted" ? "red" : "black"}}>{row.purpose}</StyledTableCell>
                 <StyledTableCell>
                   <VersionDropdown record={row} />
                 </StyledTableCell>
-                <StyledTableCell>{getStatus(row.status)}</StyledTableCell>
-                <StyledTableCell>{row.lawfulBasis}</StyledTableCell>
+                <StyledTableCell style={{color: row.status === "unlisted" ? "red" : "black"}}>{getStatus(row.status)}</StyledTableCell>
+                <StyledTableCell style={{color: row.status === "unlisted" ? "red" : "black"}}>{row.lawfulBasis}</StyledTableCell>
                 <StyledTableCell
                   style={{
                     display: "flex",
@@ -94,6 +94,7 @@ const DDAtable = ({
                   >
                     <IconButton aria-label="delete">
                       <UploadOutlined
+                        style={{color: row.status === "unlisted" ? "red" : "black"}}
                         fontSize="small"
                         onClick={() => {
                           setIsOpenPublish(true), setSelectedDDA(row);
@@ -108,6 +109,7 @@ const DDAtable = ({
                   >
                     <IconButton aria-label="edit">
                       <VisibilityOutlined
+                        style={{color: row.status === "unlisted" ? "red" : "black"}}
                         fontSize="small"
                         onClick={() => {
                           setIsOpenViewDDA(true), setSelectedDDA(row);
@@ -122,6 +124,7 @@ const DDAtable = ({
                   >
                     <IconButton aria-label="delete">
                       <DeleteOutlineOutlined
+                        style={{color: row.status === "unlisted" ? "red" : "black"}}
                         fontSize="small"
                         onClick={() => {
                           setIsOpenDelete(true), setSelectedDDA(row);