From 02da1e171eeef63b4adca48a51311652b2471023 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 9 Jun 2023 14:27:11 +0200
Subject: [PATCH] feat(reminders): add confirm button

---
 src/components/misc/popup.vue                    |  2 +-
 .../tasks/partials/reminder-detail.vue           | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/misc/popup.vue b/src/components/misc/popup.vue
index 4ab453645..d118a3e77 100644
--- a/src/components/misc/popup.vue
+++ b/src/components/misc/popup.vue
@@ -8,7 +8,7 @@
 		}"
 		ref="popup"
 	>
-		<slot name="content" :isOpen="open"/>
+		<slot name="content" :isOpen="open" :toggle="toggle"/>
 	</div>
 </template>
 
diff --git a/src/components/tasks/partials/reminder-detail.vue b/src/components/tasks/partials/reminder-detail.vue
index 159c17dbd..daacf6bf6 100644
--- a/src/components/tasks/partials/reminder-detail.vue
+++ b/src/components/tasks/partials/reminder-detail.vue
@@ -8,7 +8,7 @@
 					{{ reminderText }}
 				</SimpleButton>
 			</template>
-			<template #content="{isOpen}">
+			<template #content="{isOpen, toggle}">
 				<Card class="reminder-options-popup" :class="{'is-open': isOpen}" :padding="false">
 					<div class="options" v-if="showFormSwitch === null">
 						<SimpleButton
@@ -36,6 +36,15 @@
 						v-model="reminderDate"
 						@update:modelValue="setReminderDate"
 					/>
+
+					<x-button
+						v-if="showFormSwitch !== null"
+						class="reminder__close-button"
+						:shadow="false"
+						@click="toggle"
+					>
+						{{ $t('misc.confirm') }}
+					</x-button>
 				</Card>
 			</template>
 		</Popup>
@@ -212,4 +221,9 @@ function translateUnit(amount: number, unit: PeriodUnit): string {
 		}
 	}
 }
+
+.reminder__close-button {
+	margin: .5rem;
+	width: calc(100% - 1rem);
+}
 </style>