From a5cdea3ce3f388aae78b63cac4df6eaf381281c8 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 7 Dec 2023 03:41:24 -0800
Subject: feat(settings): helper options

---
 src/routes/settings/+page.svelte | 44 +++++++++++++++++++++++++++++++---------
 1 file changed, 34 insertions(+), 10 deletions(-)

(limited to 'src/routes/settings/+page.svelte')

diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 8c9517ef..0234c12c 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -100,23 +100,47 @@
 
 		<br />
 
-		<SettingCheckboxToggle
-			setting="displayMai"
-			text={`Display <a href="https://anilist.co/character/127222/Mai-Sakurajima" target="_blank">Mai</a>`}
-			onChange={() => {
+		<select
+			bind:value={$settings.displayAoButa}
+			on:change={() => {
 				const mai = document.getElementById('mai');
 
 				if (!mai) return;
 
-				if ($settings.displayMai) {
-					mai.style.display = 'block';
-				} else {
-					mai.style.display = 'none';
+				mai.style.display = 'block';
+
+				switch ($settings.displayAoButa) {
+					case 'mai':
+						{
+							mai.src = '/aobuta/mai.png';
+						}
+						break;
+					case 'nodoka':
+						{
+							mai.src = '/aobuta/nodoka.webp';
+						}
+						break;
+					case 'kaede':
+						{
+							mai.src = '/aobuta/kaede.png';
+						}
+						break;
+					case 'none': {
+						{
+							mai.style.display = 'none';
+						}
+						break;
+					}
 				}
 			}}
 		>
-			<SettingHint lineBreak>Let her remind you. It's for your own benefit.</SettingHint>
-		</SettingCheckboxToggle>
+			<option value="mai">Mai</option>
+			<option value="nodoka">Nodoka</option>
+			<option value="kaede">Kaede</option>
+			<option value="none">None</option>
+		</select>
+		Display Helper
+		<SettingHint lineBreak>Let them remind you. It's for your own benefit.</SettingHint>
 
 		<p />
 
-- 
cgit v1.2.3

