diff --git a/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx b/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx index ecd35abf8..b175a0bca 100644 --- a/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx +++ b/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx @@ -115,6 +115,9 @@ export const SecretItem = memo( const hasComment = Boolean(watch("comment")); const hasReminder = Boolean(watch("reminderRepeatDays")); + const secretReminderRepeatDays = watch("reminderRepeatDays"); + const secretReminderNote = watch("reminderNote"); + const selectedTags = watch("tags", []); const selectedTagsGroupById = selectedTags.reduce>( (prev, curr) => ({ ...prev, [curr.id]: true }), @@ -191,6 +194,8 @@ export const SecretItem = memo( return ( <> { setCreateReminderFormOpen.toggle(); @@ -386,16 +391,18 @@ export const SecretItem = memo( size="md" ariaLabel="add-reminder" > - + 1 ? "s" : "" + } + ` + : "Reminder" + } + > { - if (!hasReminder) { - setCreateReminderFormOpen.on(); - } else { - setValue("reminderRepeatDays", null, { shouldDirty: true }); - setValue("reminderNote", null, { shouldDirty: true }); - } - }} + onClick={() => setCreateReminderFormOpen.on()} icon={faClock} />