68 lines
2.5 KiB
JavaScript
68 lines
2.5 KiB
JavaScript
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
|