diff --git a/cope2n-fe/src/pages/reviews2/FileCard.tsx b/cope2n-fe/src/pages/reviews2/FileCard.tsx index 8c81ae9..241989a 100644 --- a/cope2n-fe/src/pages/reviews2/FileCard.tsx +++ b/cope2n-fe/src/pages/reviews2/FileCard.tsx @@ -1,5 +1,5 @@ -import { DownloadOutlined } from "@ant-design/icons"; -import { Button } from "antd"; +import { DownloadOutlined } from '@ant-design/icons'; +import { Button } from 'antd'; const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => { const fileName = file['File Name']; @@ -10,10 +10,8 @@ const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => { border: '1px solid #ccc', backgroundColor: isSelected ? '#d4ecff' : '#fff', padding: '4px 8px', - marginRight: '4px', - position: 'relative', - height: '100px', - cursor: 'pointer' + margin: '0 0 4px', + cursor: 'pointer', }} onClick={onClick} > @@ -23,8 +21,8 @@ const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => { fontSize: '12px', color: '#333', fontWeight: 'bold', - padding: '4px 8px', cursor: 'default', + margin: '4px', }} > {file['Doc Type'].toUpperCase()} @@ -45,7 +43,9 @@ const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => {
-
-
+
+
{dataSource?.map((data) => { return (
-
-

- {data.key} -

+
+

{data.key}

+
{ if (["imei_number", "purchase_date"].includes(key) && typeof(value) === "string") { value = value.split(","); } + if(key === 'imei_number' && value === null){ + value = [null] + } if (typeof (value) === "object" && value?.length > 0) { for (let i = 0; i < value.length; i++) { value[i] = normalizeData("text", value[i]);