Add warning message to proxy settings (#6099)

* Add warning message to proxy settings * Update src/renderer/components/proxy-settings/proxy-settings.css Co-authored-by: PikachuEXE <git@pikachuexe.net> * simplify message * Only show banner when useProxy is enabled --------- Co-authored-by: PikachuEXE <git@pikachuexe.net>
FreeTubeApp · Nov 23, 2024 · e4007c1 · e4007c1
1 parent 2cead47
commit e4007c1
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 0 deletions.
diff --git a/src/renderer/components/proxy-settings/proxy-settings.css b/src/renderer/components/proxy-settings/proxy-settings.css
@@ -1,3 +1,15 @@
 .protocol-dropdown {
   margin-block-end: 1rem;
 }
+
+.proxy-warning {
+  padding-block: 12px;
+  padding-inline: 4%;
+  background-color: var(--accent-color);
+  color: var(--text-with-accent-color);
+  font-weight: bold;
+}
+
+.warning-icon {
+  font-size: large;
+}
diff --git a/src/renderer/components/proxy-settings/proxy-settings.vue b/src/renderer/components/proxy-settings/proxy-settings.vue
@@ -3,6 +3,17 @@
     :title="$t('Settings.Proxy Settings.Proxy Settings')"
   >
     <ft-flex-box class="settingsFlexStart500px">
+      <p
+        v-if="useProxy"
+        class="proxy-warning"
+      >
+        <font-awesome-icon
+          :icon="['fas', 'circle-exclamation']"
+          class="warning-icon"
+          fixed-width
+        />
+        {{ $t('Settings.Proxy Settings.Proxy Warning') }}
+      </p>
       <ft-toggle-switch
         :label="$t('Settings.Proxy Settings.Enable Tor / Proxy')"
         :default-value="useProxy"

diff --git a/src/renderer/main.js b/src/renderer/main.js
@@ -28,6 +28,7 @@ import {
   faBookmark,
   faCheck,
   faChevronRight,
+  faCircleExclamation,
   faCirclePlay,
   faCircleUser,
   faClapperboard,
@@ -141,6 +142,7 @@ library.add(
   faBookmark,
   faCheck,
   faChevronRight,
+  faCircleExclamation,
   faCirclePlay,
   faCircleUser,
   faClapperboard,

diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
@@ -573,6 +573,7 @@ Settings:
     Manage Subscriptions: Manage Subscriptions
   Proxy Settings:
     Proxy Settings: Proxy
+    Proxy Warning: FreeTube doesn't have a built-in proxy but can connect to an external proxy, such as one running on your machine like Tor or an external proxy such-as a SOCKS5 proxy provided by some VPNs. If enabled, make sure your proxy/Tor is configured properly, or FreeTube won't be able to fetch any data.
     Enable Tor / Proxy: Enable Tor / Proxy
     Proxy Protocol: Proxy Protocol
     Proxy Host: Proxy Host