From 70f7456e614e26e73a8f32b097a9ab2a7214a14c Mon Sep 17 00:00:00 2001
From: ACTCD <101378590+ACTCD@users.noreply.github.com>
Date: Sat, 27 Jan 2024 21:17:10 +0800
Subject: [PATCH] chore: add settings page temporary entrance for beta

---
 src/ext/action-popup/App.svelte | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/ext/action-popup/App.svelte b/src/ext/action-popup/App.svelte
index b23c053e..511bd6fd 100644
--- a/src/ext/action-popup/App.svelte
+++ b/src/ext/action-popup/App.svelte
@@ -483,6 +483,12 @@
 			window.location.reload();
 		}
 	});
+
+	/**
+	 * Temporary settings page entrance for beta test (iOS)
+	 * @todo new permanent button will be added via popup refactoring
+	 */
+	let showBetaNews = true;
 </script>
 
 <svelte:window on:resize={resize} />
@@ -516,6 +522,17 @@
 {#if !active}
 	<!-- <div class="warn" bind:this={warn}>Injection disabled</div> -->
 {/if}
+{#if showBetaNews && platform !== "macos"}
+	<div class="warn">
+		NEW: <button on:click={openExtensionPage}><b>Settings page</b></button> is
+		now available on iOS!
+		<IconButton
+			icon={iconClear}
+			on:click={() => (showBetaNews = false)}
+			title={"Close"}
+		/>
+	</div>
+{/if}
 {#if showInstallPrompt}
 	<div class="warn" class:done={scriptInstalled} bind:this={warn}>
 		Userscript
@@ -672,13 +689,15 @@
 		text-align: center;
 	}
 
-	.error :global(button) {
+	.error :global(button),
+	.warn :global(button:has(svg)) {
 		position: absolute;
 		right: 0.5rem;
 		top: 0;
 	}
 
-	.error :global(button svg) {
+	.error :global(button svg),
+	.warn :global(button svg) {
 		transform: scale(0.5);
 	}