ludops
/
ludops-todo
generated from ludops/ludops-skeleton
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: repeats default to false
Build and Deploy / build-and-push (push) Successful in 1m22s Details

This commit is contained in:
Ludo 2026-05-04 17:12:59 +02:00
parent c5f386490a
commit f00dff6b26
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/web/src/components/CreateTaskForm.tsx
View File

@ -11,7 +11,7 @@ export default function CreateTaskForm({ onCreateTask }: CreateTaskFormProps) {
const { t } = useLanguage(); const { t } = useLanguage();
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const [name, setName] = useState(''); const [name, setName] = useState('');
const [doesRepeat, setDoesRepeat] = useState(true); const [doesRepeat, setDoesRepeat] = useState(false);
const [repeatAmount, setRepeatAmount] = useState('1'); const [repeatAmount, setRepeatAmount] = useState('1');
const [repeatUnit, setRepeatUnit] = useState<'WEEKS' | 'MONTHS' | 'YEARS'>('WEEKS'); const [repeatUnit, setRepeatUnit] = useState<'WEEKS' | 'MONTHS' | 'YEARS'>('WEEKS');
const [toDoToday, setToDoToday] = useState(true); const [toDoToday, setToDoToday] = useState(true);
@ -26,7 +26,7 @@ export default function CreateTaskForm({ onCreateTask }: CreateTaskFormProps) {
doesRepeat, doesRepeat,
repeatsEvery: doesRepeat ? `${repeatAmount}_${repeatUnit}` : undefined, repeatsEvery: doesRepeat ? `${repeatAmount}_${repeatUnit}` : undefined,
priority, priority,
toDoToday, toDoToday: doesRepeat ? toDoToday : true,
}; };
onCreateTask(taskInput); onCreateTask(taskInput);
setName(''); setName('');
@ -106,13 +106,15 @@ export default function CreateTaskForm({ onCreateTask }: CreateTaskFormProps) {
</div> </div>
)} )}
<div className="form-group"> {doesRepeat && (
<label>{t.toDoRightNow}</label> <div className="form-group">
<div className="btn-group"> <label>{t.toDoRightNow}</label>
<button type="button" className={`btn-option${toDoToday ? ' btn-option--active' : ''}`} onClick={() => setToDoToday(true)}>{t.yes}</button> <div className="btn-group">
<button type="button" className={`btn-option${!toDoToday ? ' btn-option--active' : ''}`} onClick={() => setToDoToday(false)}>{t.no}</button> <button type="button" className={`btn-option${toDoToday ? ' btn-option--active' : ''}`} onClick={() => setToDoToday(true)}>{t.yes}</button>
<button type="button" className={`btn-option${!toDoToday ? ' btn-option--active' : ''}`} onClick={() => setToDoToday(false)}>{t.no}</button>
</div>
</div> </div>
</div> )}
<div className="form-group"> <div className="form-group">
<label>{t.priority}</label> <label>{t.priority}</label>