Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-08-09 07:25:24 +02:00
Code Issues Releases Activity

期限切れの場合に背景を赤に変更（カードモーダル表示）

Browse source
This commit is contained in:
hs_okita.kunio 2023-03-25 20:54:42 +09:00
parent 87e8c52971
commit 00fedec0e7
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/CardModal/CardModal.jsx
View file

@ -167,6 +167,8 @@ const CardModal = React.memo(
const userIds = users.map((user) => user.id); const userIds = users.map((user) => user.id);
const labelIds = labels.map((label) => label.id); const labelIds = labels.map((label) => label.id);
const isExpiredDueDate = dueDate && dueDate.getTime() < new Date().getTime();
const contentNode = ( const contentNode = (
<Grid className={styles.grid}> <Grid className={styles.grid}>
<Grid.Row className={styles.headerPadding}> <Grid.Row className={styles.headerPadding}>
@ -286,10 +288,10 @@ const CardModal = React.memo(
<span className={styles.attachment}> <span className={styles.attachment}>
{canEdit ? ( {canEdit ? (
<DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}> <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
<DueDate value={dueDate} /> <DueDate value={dueDate} isExpired={isExpiredDueDate} />
</DueDateEditPopup> </DueDateEditPopup>
) : ( ) : (
<DueDate value={dueDate} /> <DueDate value={dueDate} isExpired={isExpiredDueDate} />
)} )}
</span> </span>
</div> </div>