69 lines
2.5 KiB
React
69 lines
2.5 KiB
React
|
import { Box, Card, Grid, Typography } from '@mui/joy'
|
|||
|
|
import { useState } from 'react'
|
|||
|
|
import RepeatSection from '../ChoreEdit/RepeatSection'
|
|||
|
|
|
|||
|
|
const DemoScheduler = () => {
|
|||
|
|
const [assignees, setAssignees] = useState([])
|
|||
|
|
const [frequency, setFrequency] = useState(2)
|
|||
|
|
const [frequencyType, setFrequencyType] = useState('weekly')
|
|||
|
|
const [frequencyMetadata, setFrequencyMetadata] = useState({
|
|||
|
|
months: ['may', 'june', 'july'],
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<>
|
|||
|
|
<Grid item xs={12} sm={5} data-aos-create-chore-scheduler>
|
|||
|
|
<Box
|
|||
|
|
data-aos-delay={300}
|
|||
|
|
data-aos-anchor='[data-aos-create-chore-scheduler]'
|
|||
|
|
data-aos='fade-right'
|
|||
|
|
>
|
|||
|
|
<RepeatSection
|
|||
|
|
frequency={frequency}
|
|||
|
|
onFrequencyUpdate={setFrequency}
|
|||
|
|
frequencyType={frequencyType}
|
|||
|
|
onFrequencyTypeUpdate={setFrequencyType}
|
|||
|
|
frequencyMetadata={frequencyMetadata}
|
|||
|
|
onFrequencyMetadataUpdate={setFrequencyMetadata}
|
|||
|
|
onFrequencyTimeUpdate={t => {}}
|
|||
|
|
frequencyError={null}
|
|||
|
|
allUserThings={[]}
|
|||
|
|
onTriggerUpdate={thingUpdate => {}}
|
|||
|
|
OnTriggerValidate={() => {}}
|
|||
|
|
isAttemptToSave={false}
|
|||
|
|
selectedThing={null}
|
|||
|
|
/>
|
|||
|
|
</Box>
|
|||
|
|
</Grid>
|
|||
|
|
<Grid item xs={12} sm={7} data-aos-create-chore-section-scheduler>
|
|||
|
|
<Card
|
|||
|
|
sx={{
|
|||
|
|
p: 4,
|
|||
|
|
py: 6,
|
|||
|
|
}}
|
|||
|
|
data-aos-delay={200}
|
|||
|
|
data-aos-anchor='[data-aos-create-chore-section-scheduler]'
|
|||
|
|
data-aos='fade-left'
|
|||
|
|
>
|
|||
|
|
<Typography level='h3' textAlign='center' sx={{ mt: 2, mb: 4 }}>
|
|||
|
|
Advanced Scheduling and Automation
|
|||
|
|
</Typography>
|
|||
|
|
<Typography level='body-lg' textAlign='center' sx={{ mb: 4 }}>
|
|||
|
|
Scheduling is a crucial aspect of managing tasks and chores.
|
|||
|
|
Donetick offers basic scheduling options, such as recurring tasks
|
|||
|
|
daily, weekly, or yearly, as well as more customizable schedules
|
|||
|
|
like specific days of the week or month. For those unsure of exact
|
|||
|
|
frequencies, the adaptive scheduling feature averages based on how
|
|||
|
|
often you mark a task as completed. Additionally, Donetick supports
|
|||
|
|
automation by linking tasks with triggers via API. When specific
|
|||
|
|
conditions are met, Donetick’s Things feature will automatically
|
|||
|
|
initiate the task, streamlining your workflow.
|
|||
|
|
</Typography>
|
|||
|
|
</Card>
|
|||
|
|
</Grid>
|
|||
|
|
</>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default DemoScheduler
|