From ba7dbe986163f82d2b02f4dcf73be87711310401 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 11 Jul 2023 21:01:31 -0700
Subject: [PATCH] fix: :bug: save reactions if added

---
 locales/en-US.yml                               | 1 +
 packages/client/src/pages/settings/reaction.vue | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index b7248e033f..219ff42a1e 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -644,6 +644,7 @@ useBlurEffectForModal: "Use blur effect for modals"
 useFullReactionPicker: "Use full-size reaction picker"
 width: "Width"
 height: "Height"
+xl: "XL"
 large: "Big"
 medium: "Medium"
 small: "Small"
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 953c39c5ff..29f14fd48a 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -83,7 +83,7 @@
 				<option :value="1">{{ i18n.ts.small }}</option>
 				<option :value="2">{{ i18n.ts.medium }}</option>
 				<option :value="3">{{ i18n.ts.large }}</option>
-				<option :value="4">{{ i18n.ts.large }}+</option>
+				<option :value="4">{{ i18n.ts.xl }}</option>
 			</FormRadios>
 
 			<FormSwitch
@@ -123,7 +123,6 @@
 <script lang="ts" setup>
 import { defineAsyncComponent, watch } from "vue";
 import { VueDraggable } from "vue-draggable-plus";
-import FormInput from "@/components/form/input.vue";
 import FormRadios from "@/components/form/radios.vue";
 import FromSlot from "@/components/form/slot.vue";
 import FormButton from "@/components/MkButton.vue";
@@ -220,6 +219,7 @@ function chooseEmoji(ev: MouseEvent) {
 	}).then((emoji) => {
 		if (!reactions.includes(emoji)) {
 			reactions.push(emoji);
+			save();
 		}
 	});
 }