diff --git a/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.module.scss b/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.module.scss index 47dc4e423..00ef1724d 100644 --- a/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.module.scss +++ b/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.module.scss @@ -42,11 +42,12 @@ .row2, .row3, - .row4 { + .row4, + .row5 { grid-template-columns: 1fr auto; } - .row5 { + .row6 { justify-content: flex-end; } } diff --git a/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.tsx b/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.tsx index a828fc033..3831b7662 100644 --- a/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.tsx +++ b/src/apps/admin/src/lib/components/ReviewSummaryList/MobileListView/MobileListView.tsx @@ -73,16 +73,19 @@ const MobileListView: FC> = props => {
{/* Legacy ID */ propertyElements[1]}
-
- {/* propertyElementLabels[5] */} - {/* Open Review Opp' */ propertyElements[3]} +
+ {/* Submission End Date */ propertyElements[3]}
{propertyElementLabels[4]} - {/* Review Applications */ propertyElements[4]} + {/* Open Review Opp' */ propertyElements[4]}
- {/* Action */ propertyElements[5]} + {propertyElementLabels[5]} + {/* Review Applications */ propertyElements[5]} +
+
+ {/* Action */ propertyElements[6]}
diff --git a/src/apps/admin/src/lib/components/ReviewSummaryList/ReviewSummaryList.tsx b/src/apps/admin/src/lib/components/ReviewSummaryList/ReviewSummaryList.tsx index f95ee26fa..97ed8d615 100644 --- a/src/apps/admin/src/lib/components/ReviewSummaryList/ReviewSummaryList.tsx +++ b/src/apps/admin/src/lib/components/ReviewSummaryList/ReviewSummaryList.tsx @@ -13,6 +13,7 @@ import { Paging } from '../../models/challenge-management/Pagination' import { MobileListView } from './MobileListView' import styles from './ReviewSummaryList.module.scss' +import { format } from 'date-fns'; export interface ReviewListProps { reviews: ReviewSummary[] @@ -98,21 +99,20 @@ const ReviewSummaryList: FC = props => { }, // I think this column is important, and it exits in `admin-app` // but resp does not have it, so I just comment it here - // { - // label: 'Submission End Date', - // propertyName: 'submissionEndDate', - // renderer: (review: ReviewSummary) => ( - // // eslint-disable-next-line jsx-a11y/anchor-is-valid - //
- // {review.submissionEndDate} - // {/* {format( - // new Date(review.submissionEndDate), - // 'MMM dd, yyyy HH:mm' - // )} */} - //
- // ), - // type: 'element', - // }, + { + label: 'Submission End Date', + propertyName: 'submissionEndDate', + renderer: (review: ReviewSummary) => ( + // eslint-disable-next-line jsx-a11y/anchor-is-valid +
+ {review.submissionEndDate ? + format( + new Date(review.submissionEndDate), + 'MMM dd, yyyy HH:mm') : 'N/A'} +
+ ), + type: 'element', + }, { columnId: 'OpenReviewOpp', label: 'Open Review Opp',