Refactor document status tag rendering in DocumentTables component
This commit is contained in:
parent
65876f5d40
commit
842edcd4c2
@ -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()}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user