From ade8bc7d68922543ab74ee2d41920de139fd0bd3 Mon Sep 17 00:00:00 2001
From: olekstomek <olekstomek@gmail.com>
Date: Sun, 8 Aug 2021 18:26:48 +0200
Subject: Support Hidden WiFi networks (#101)

* ability to set that WiFi network is hidden

* fix: hide password checbox hidden chebox with hidden SSID option

* improvement, delete constant

* merge master

* add a setting - the WiFi network can have a hidden SSID

* update translation for English and Polish language

* change one line translation in Eng, add semicolon in format to connect to WiFi
---
 src/App.js                 | 6 ++++++
 src/components/Settings.js | 5 +++++
 src/components/WifiCard.js | 2 +-
 src/translations.js        | 4 +++-
 4 files changed, 15 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/App.js b/src/App.js
index b6862aa..cf0ebd2 100644
--- a/src/App.js
+++ b/src/App.js
@@ -20,6 +20,8 @@ function App() {
     encryptionMode: 'WPA',
     // Settings: Hide password on the printed card
     hidePassword: false,
+    // Settings: Mark your network as hidden SSID
+    hiddenSSID: false,
     // Settings: Portrait orientation
     portrait: false,
   });
@@ -87,6 +89,9 @@ function App() {
   const onHidePasswordChange = (hidePassword) => {
     setSettings({ ...settings, hidePassword });
   };
+  const onHiddenSSIDChange = (hiddenSSID) => {
+    setSettings({ ...settings, hiddenSSID });
+  };
   const onFirstLoad = () => {
     html.style.direction = htmlDirection();
     firstLoad.current = false;
@@ -129,6 +134,7 @@ function App() {
         onEncryptionModeChange={onEncryptionModeChange}
         onOrientationChange={onOrientationChange}
         onHidePasswordChange={onHidePasswordChange}
+        onHiddenSSIDChange={onHiddenSSIDChange}
       />
 
       <Button
diff --git a/src/components/Settings.js b/src/components/Settings.js
index f25bc12..1e07cb1 100644
--- a/src/components/Settings.js
+++ b/src/components/Settings.js
@@ -49,6 +49,11 @@ export const Settings = (props) => {
           props.onHidePasswordChange(!props.settings.hidePassword)
         }
       />
+      <Checkbox
+        label={t('wifi.name.hiddenSSID')}
+        checked={props.settings.hiddenSSID}
+        onChange={() => props.onHiddenSSIDChange(!props.settings.hiddenSSID)}
+      />
       <RadioGroup
         label={t('wifi.password.encryption')}
         size={16}
diff --git a/src/components/WifiCard.js b/src/components/WifiCard.js
index 6f99fd7..8e0e128 100644
--- a/src/components/WifiCard.js
+++ b/src/components/WifiCard.js
@@ -38,7 +38,7 @@ export const WifiCard = (props) => {
       ? ''
       : escape(props.settings.password);
     setQrvalue(
-      `WIFI:T:${props.settings.encryptionMode};S:${ssid};P:${password};;`
+      `WIFI:T:${props.settings.encryptionMode};S:${ssid};P:${password};H:${props.settings.hiddenSSID};`
     );
   }, [props.settings]);
 
diff --git a/src/translations.js b/src/translations.js
index c8ee908..b0e0ebd 100644
--- a/src/translations.js
+++ b/src/translations.js
@@ -11,6 +11,7 @@ export const Translations = [
       'desc.source': 'source code',
       'wifi.login': 'WiFi Login',
       'wifi.name': 'Network name',
+      'wifi.name.hiddenSSID': 'Hidden SSID',
       'wifi.name.placeholder': 'WiFi Network name',
       'wifi.password': 'Password',
       'wifi.password.placeholder': 'Password',
@@ -375,10 +376,11 @@ export const Translations = [
       'wifi.size.medium': 'Średni',
       'wifi.size.large': 'Duży',
       'wifi.name': 'Nazwa sieci',
+      'wifi.name.hiddenSSID': 'Ukryj SSID sieci',
       'wifi.name.placeholder': 'WiFi nazwa sieci',
       'wifi.password': 'Hasło',
       'wifi.password.placeholder': 'Hasło',
-      'wifi.password.hide': 'Ukryj pole hasła przed drukowaniem',
+      'wifi.password.hide': 'Ukryj pole hasła przed wydrukowaniem',
       'wifi.password.encryption': 'Szyfrowanie',
       'wifi.password.encryption.none': 'Brak',
       'wifi.tip':
-- 
cgit v1.2.3