From 5f27a4bc920fe49f7fedcafb26b16419dfae4627 Mon Sep 17 00:00:00 2001
From: rift <117926989+Riftriot@users.noreply.github.com>
Date: Fri, 22 Dec 2023 16:07:45 -0600
Subject: [PATCH] add open in settings (no functionality)

---
 src/locales/en.json          |  7 +++++++
 src/locales/es.json          |  7 +++++++
 src/locales/ja.json          |  7 +++++++
 src/pages/Settings/Proxy.tsx | 14 +++++++++++++-
 4 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 82358c7..fa24a1f 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -37,6 +37,13 @@
       "japanese": "Japanese",
       "english": "English",
       "spanish": "Spanish"
+    },
+    "proxymodes": {
+      "title": "Open in",
+      "subtitle": "Choose how to open your sites",
+      "embed": "Embed",
+      "direct": "Direct",
+      "aboutblank": "About:Blank"
     }
   }
 }
diff --git a/src/locales/es.json b/src/locales/es.json
index 0b5a3fb..0baad57 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -37,6 +37,13 @@
       "japanese": "Japonés",
       "english": "Inglés",
       "spanish": "Español"
+    },
+    "proxymodes": {
+      "title": "Abrir en",
+      "subtitle": "Elige cómo abrir tus sitios",
+      "embed": "Incrustar",
+      "direct": "Directo",
+      "aboutblank": "About:Blank"
     }
   }
 }
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 7b0ea81..a2a1948 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -37,6 +37,13 @@
       "japanese": "日本語",
       "english": "英語",
       "spanish": "スペイン語"
+    },
+    "proxymodes": {
+      "title": "開く",
+      "subtitle": "サイトを開く方法を選択する",
+      "embed": "埋め込む",
+      "direct": "直接",
+      "aboutblank": "About:Blank"
     }
   }
 }
diff --git a/src/pages/Settings/Proxy.tsx b/src/pages/Settings/Proxy.tsx
index 4dcff59..e380e78 100644
--- a/src/pages/Settings/Proxy.tsx
+++ b/src/pages/Settings/Proxy.tsx
@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 
 const Proxy = ({ id, active }) => {
   const { t } = useTranslation();
+
   const engines = [
     { id: "automatic", label: t("settings.proxy.automatic") },
     { id: "ultraviolet", label: "Ultraviolet" },
@@ -12,6 +13,12 @@ const Proxy = ({ id, active }) => {
     { id: "dynamic", label: "Dynamic " + t("settings.proxy.buggyWarning") }
   ];
 
+  const proxyModes = [
+    { id: "embed", label: t("settings.proxymodes.embed") },
+    { id: "direct", label: t("settings.proxymodes.direct") },
+    { id: "aboutblank", label: t("settings.proxymodes.aboutblank") }
+  ];
+
   return (
     <motion.div
       role="tabpanel"
@@ -25,11 +32,16 @@ const Proxy = ({ id, active }) => {
         variants={settingsPageVariant}
         className="content-card flex flex-row flex-wrap justify-around"
       >
-        <div class="bg-lighter flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color p-7 text-center">
+        <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
           <div class="p-2 text-3xl">{t("settings.proxy.title")}</div>
           <div class="text-md p-4">{t("settings.proxy.subtitle")}</div>
           <Dropdown storageKey="proxy" options={engines} refresh={false} />
         </div>
+        <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
+          <div class="p-2 text-3xl">{t("settings.proxymodes.title")}</div>
+          <div class="text-md p-4">{t("settings.proxymodes.subtitle")}</div>
+          <Dropdown storageKey="proxyMode" options={proxyModes} refresh={false} />
+        </div>
       </motion.div>
     </motion.div>
   );