Refactor document status tag rendering in DocumentTables component

This commit is contained in:
Max S 2024-09-20 13:19:51 +02:00
parent 65876f5d40
commit 842edcd4c2

View File

@ -291,13 +291,7 @@ export default function DocumentTables(props: IProps) {
},
document_status: {
sx: { width: 107 },
content: (
<Tag
color={ETagColor.NEUTRAL}
variant={ETagVariant.SEMI_BOLD}
label={tradDocumentsNotaryStatus[document.document_status as EDocumentNotaryStatus].toUpperCase()}
/>
),
content: getTagForSentDocument(document.document_status as EDocumentNotaryStatus),
},
date: {
sx: { width: 107 },
@ -399,3 +393,30 @@ function getHeader(dateColumnTitle: string, isMobile: boolean): IHead[] {
function formatName(text: string): string {
return text.replace(/[^a-zA-Z0-9 ]/g, "");
}
function getTagForSentDocument(status: EDocumentNotaryStatus) {
if (status === EDocumentNotaryStatus.SENT) {
return (
<Tag
color={ETagColor.INFO}
variant={ETagVariant.SEMI_BOLD}
label={tradDocumentsNotaryStatus[status as EDocumentNotaryStatus].toUpperCase()}
/>
);
} else if (status === EDocumentNotaryStatus.DOWNLOADED) {
return (
<Tag
color={ETagColor.ERROR}
variant={ETagVariant.SEMI_BOLD}
label={tradDocumentsNotaryStatus[status as EDocumentNotaryStatus].toUpperCase()}
/>
);
}
return (
<Tag
color={ETagColor.NEUTRAL}
variant={ETagVariant.SEMI_BOLD}
label={tradDocumentsNotaryStatus[status as EDocumentNotaryStatus].toUpperCase()}
/>
);
}