amy/donetick-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support for history Modification and deletion

Browse source
This commit is contained in:
Mo Tarbin 2024-07-20 03:40:41 -04:00
parent aed179d6b3
commit 90efb5be00
6 changed files with 207 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/views/History/HistoryCard.jsx
View file

@ -11,7 +11,13 @@ import {
} from '@mui/joy'
import moment from 'moment'
const HistoryCard = ({ allHistory, performers, historyEntry, index }) => {
const HistoryCard = ({
allHistory,
performers,
historyEntry,
index,
onClick,
}) => {
function formatTimeDifference(startDate, endDate) {
const diffInMinutes = moment(startDate).diff(endDate, 'minutes')
let timeValue = diffInMinutes
@ -64,7 +70,7 @@ const HistoryCard = ({ allHistory, performers, historyEntry, index }) => {
icon = <Timelapse />
} else {
text = 'No Due Date'
color = 'info'
color = 'neutral'
icon = <CalendarViewDay />
}
@ -77,7 +83,7 @@ const HistoryCard = ({ allHistory, performers, historyEntry, index }) => {
return (
<>
<ListItem sx={{ gap: 1.5, alignItems: 'flex-start' }}>
<ListItem sx={{ gap: 1.5, alignItems: 'flex-start' }} onClick={onClick}>
{' '}
{/* Adjusted spacing and alignment */}
<ListItemDecorator>
@ -98,7 +104,11 @@ const HistoryCard = ({ allHistory, performers, historyEntry, index }) => {
}}
>
<Typography level='body1' sx={{ fontWeight: 'md' }}>
{moment(historyEntry.completedAt).format('ddd MM/DD/yyyy HH:mm')}
{historyEntry.completedAt
? moment(historyEntry.completedAt).format(
'ddd MM/DD/yyyy HH:mm',
)
: 'Skipped'}
</Typography>
{getCompletedChip(historyEntry)}
</Box>