clean up imports and remove unused quick schedule functionality in DateModal
This commit is contained in:
@@ -1,14 +1,14 @@
|
|||||||
import DeleteIcon from '@mui/icons-material/Delete'
|
import DeleteIcon from '@mui/icons-material/Delete'
|
||||||
import EditIcon from '@mui/icons-material/Edit'
|
import EditIcon from '@mui/icons-material/Edit'
|
||||||
import {
|
import {
|
||||||
Avatar,
|
Avatar,
|
||||||
Box,
|
Box,
|
||||||
Chip,
|
Chip,
|
||||||
CircularProgress,
|
CircularProgress,
|
||||||
Container,
|
Container,
|
||||||
IconButton,
|
IconButton,
|
||||||
Stack,
|
Stack,
|
||||||
Typography,
|
Typography,
|
||||||
} from '@mui/joy'
|
} from '@mui/joy'
|
||||||
import { useEffect, useState } from 'react'
|
import { useEffect, useState } from 'react'
|
||||||
import LabelModal from '../Modals/Inputs/LabelModal'
|
import LabelModal from '../Modals/Inputs/LabelModal'
|
||||||
@@ -16,11 +16,11 @@ import LabelModal from '../Modals/Inputs/LabelModal'
|
|||||||
import { Add } from '@mui/icons-material'
|
import { Add } from '@mui/icons-material'
|
||||||
import { useQueryClient } from '@tanstack/react-query'
|
import { useQueryClient } from '@tanstack/react-query'
|
||||||
import {
|
import {
|
||||||
Type as ListType,
|
Type as ListType,
|
||||||
SwipeableList,
|
SwipeableList,
|
||||||
SwipeableListItem,
|
SwipeableListItem,
|
||||||
SwipeAction,
|
SwipeAction,
|
||||||
TrailingActions,
|
TrailingActions,
|
||||||
} from 'react-swipeable-list'
|
} from 'react-swipeable-list'
|
||||||
import 'react-swipeable-list/dist/styles.css'
|
import 'react-swipeable-list/dist/styles.css'
|
||||||
import { useUserProfile } from '../../queries/UserQueries'
|
import { useUserProfile } from '../../queries/UserQueries'
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
import { NextWeek, Today, WbSunny, Weekend } from '@mui/icons-material'
|
import { Box, Button, Input } from '@mui/joy'
|
||||||
import { Box, Button, Chip, Input, Stack, Typography } from '@mui/joy'
|
|
||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
|
import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
|
||||||
|
|
||||||
@@ -10,62 +9,6 @@ function DateModal({ isOpen, onClose, onSave, current, title }) {
|
|||||||
current ? new Date(current).toISOString().split('T')[0] : '',
|
current ? new Date(current).toISOString().split('T')[0] : '',
|
||||||
)
|
)
|
||||||
|
|
||||||
const getQuickScheduleDate = option => {
|
|
||||||
const now = new Date()
|
|
||||||
const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
|
|
||||||
|
|
||||||
switch (option) {
|
|
||||||
case 'today': {
|
|
||||||
const nowHour = now.getHours()
|
|
||||||
const scheduled = new Date(today)
|
|
||||||
if (nowHour < 9) {
|
|
||||||
scheduled.setHours(9, 0, 0, 0)
|
|
||||||
} else if (nowHour < 12) {
|
|
||||||
scheduled.setHours(12, 0, 0, 0)
|
|
||||||
} else if (nowHour < 17) {
|
|
||||||
scheduled.setHours(17, 0, 0, 0)
|
|
||||||
} else {
|
|
||||||
scheduled.setHours(
|
|
||||||
now.getHours(),
|
|
||||||
now.getMinutes(),
|
|
||||||
now.getSeconds(),
|
|
||||||
now.getMilliseconds(),
|
|
||||||
)
|
|
||||||
}
|
|
||||||
return scheduled
|
|
||||||
}
|
|
||||||
case 'tomorrow': {
|
|
||||||
const tomorrow = new Date(today)
|
|
||||||
tomorrow.setDate(today.getDate() + 1)
|
|
||||||
tomorrow.setHours(12, 0, 0, 0)
|
|
||||||
return tomorrow
|
|
||||||
}
|
|
||||||
case 'weekend': {
|
|
||||||
const weekend = new Date(today)
|
|
||||||
const daysUntilSaturday = (6 - today.getDay() + 7) % 7 || 7
|
|
||||||
weekend.setDate(today.getDate() + daysUntilSaturday)
|
|
||||||
return weekend
|
|
||||||
}
|
|
||||||
case 'next-week': {
|
|
||||||
const nextWeek = new Date(today)
|
|
||||||
const daysUntilMonday = (1 - today.getDay() + 7) % 7 || 7
|
|
||||||
nextWeek.setDate(today.getDate() + daysUntilMonday)
|
|
||||||
return nextWeek
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
return today
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleQuickSchedule = option => {
|
|
||||||
if (option === 'remove') {
|
|
||||||
setDate('')
|
|
||||||
} else {
|
|
||||||
const selectedDate = getQuickScheduleDate(option)
|
|
||||||
setDate(selectedDate.toISOString().split('T')[0])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSave = () => {
|
const handleSave = () => {
|
||||||
onSave(date)
|
onSave(date)
|
||||||
onClose()
|
onClose()
|
||||||
@@ -86,7 +29,7 @@ function DateModal({ isOpen, onClose, onSave, current, title }) {
|
|||||||
onChange={e => setDate(e.target.value)}
|
onChange={e => setDate(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Box sx={{ mt: 3 }}>
|
{/* <Box sx={{ mt: 3 }}>
|
||||||
<Typography level='body-sm' sx={{ mb: 1.5, fontWeight: 500 }}>
|
<Typography level='body-sm' sx={{ mb: 1.5, fontWeight: 500 }}>
|
||||||
Quick select:
|
Quick select:
|
||||||
</Typography>
|
</Typography>
|
||||||
@@ -132,7 +75,7 @@ function DateModal({ isOpen, onClose, onSave, current, title }) {
|
|||||||
Next week
|
Next week
|
||||||
</Chip>
|
</Chip>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Box>
|
</Box> */}
|
||||||
|
|
||||||
<Box display={'flex'} justifyContent={'space-around'} mt={4}>
|
<Box display={'flex'} justifyContent={'space-around'} mt={4}>
|
||||||
<Button size='lg' onClick={handleSave} fullWidth sx={{ mr: 1 }}>
|
<Button size='lg' onClick={handleSave} fullWidth sx={{ mr: 1 }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user