From 98a61ab4e2b10b5a7206f03f5c5075ece0d34a09 Mon Sep 17 00:00:00 2001
From: ofostier <ofostier@gmail.com>
Date: Fri, 7 Jun 2024 13:59:59 +0200
Subject: [PATCH 1/3] Init field

---
 src/App.js                  | 12 +++++++
 src/components/LinkField.js | 70 +++++++++++++++++++++++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 src/components/LinkField.js

diff --git a/src/App.js b/src/App.js
index 6eb712ab..d7c8b9b4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import logo from '../src/images/wifi.png';
 import { Settings } from './components/Settings';
 import { WifiCard } from './components/WifiCard';
+import { LinkField } from './components/LinkField';
 import './style.css';
 import { Translations } from './translations';
 
@@ -141,6 +142,7 @@ function App() {
     if (htmlDirection() === 'rtl') {
       html.style.direction = 'rtl';
     }
+    console.log('change detected');
   });
 
   return (
@@ -190,6 +192,16 @@ function App() {
         onHideTipChange={onHideTipChange}
       />
 
+      <LinkField 
+        settings={settings}
+        ssidError={errors.ssidError}
+        passwordError={errors.passwordError}
+        eapIdentityError={errors.eapIdentityError}
+        onSSIDChange={onSSIDChange}
+        onEapIdentityChange={onEapIdentityChange}
+        onPasswordChange={onPasswordChange}
+      />
+
       <Button
         id="print"
         appearance="primary"
diff --git a/src/components/LinkField.js b/src/components/LinkField.js
new file mode 100644
index 00000000..ce06bee5
--- /dev/null
+++ b/src/components/LinkField.js
@@ -0,0 +1,70 @@
+import {
+  CameraIcon,
+  Card,
+  Heading,
+  MobilePhoneIcon,
+  Pane,
+  Paragraph,
+  Text,
+  TextareaField,
+  TextInput,
+} from 'evergreen-ui';
+import QRCode from 'qrcode.react';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import logo from '../../src/images/wifi.png';
+import './style.css';
+
+export const LinkField = (props) => {
+  const { t } = useTranslation();
+  const [qrvalue, setQrvalue] = useState('');
+
+  const escape = (v) => {
+    const needsEscape = ['"', ';', ',', ':', '\\'];
+
+    let escaped = '';
+    for (const c of v) {
+      if (needsEscape.includes(c)) {
+        escaped += `\\${c}`;
+      } else {
+        escaped += c;
+      }
+    }
+    return escaped;
+  };
+
+  useEffect(() => {
+    let opts = {};
+
+   
+  }, [props.settings]);
+
+
+
+  return (
+
+    <Card
+    className="card-print"
+    elevation={3}
+  >
+      <Pane width={'100%'}>
+        <TextareaField
+          id="ssid"
+          type="text"
+          marginBottom={5}
+          autoComplete="off"
+          autoCorrect="off"
+          autoCapitalize="none"
+          spellCheck={false}
+          maxLength="32"
+          label={t('linkField.label')}
+          placeholder={t('linkField.placeholder')}
+          value={props.settings.ssid}
+          onChange={(e) => props.onSSIDChange(e.target.value)}
+          isInvalid={!!props.ssidError}
+          validationMessage={!!props.ssidError && props.ssidError}
+        />
+      </Pane>
+    </Card>
+  );
+};

From 2124f9949161d33e942ce0c4c21cd3a342b59961 Mon Sep 17 00:00:00 2001
From: ofostier <ofostier@gmail.com>
Date: Thu, 13 Jun 2024 17:52:41 +0200
Subject: [PATCH 2/3] Change the logic concerning number of cards to print

---
 src/App.js          | 20 ++++----------------
 src/translations.js |  3 ++-
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/src/App.js b/src/App.js
index d7c8b9b4..8e7df4f1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next';
 import logo from '../src/images/wifi.png';
 import { Settings } from './components/Settings';
 import { WifiCard } from './components/WifiCard';
-import { LinkField } from './components/LinkField';
 import './style.css';
 import { Translations } from './translations';
 
@@ -30,7 +29,7 @@ function App() {
     // Settings: Portrait orientation
     portrait: false,
     // Settings: Additional cards
-    additionalCards: 0,
+    additionalCards: 1,
     // Settings: Show tip (legend) on card
     hideTip: false,
   });
@@ -127,7 +126,7 @@ function App() {
   };
   const onAdditionalCardsChange = (additionalCardsStr) => {
     const amount = parseInt(additionalCardsStr);
-    amount >= 0 && setSettings({ ...settings, additionalCards: amount });
+    amount >= 1 && setSettings({ ...settings, additionalCards: amount });
   };
   const onHideTipChange = (hideTip) => {
     setSettings({ ...settings, hideTip });
@@ -142,7 +141,6 @@ function App() {
     if (htmlDirection() === 'rtl') {
       html.style.direction = 'rtl';
     }
-    console.log('change detected');
   });
 
   return (
@@ -192,16 +190,6 @@ function App() {
         onHideTipChange={onHideTipChange}
       />
 
-      <LinkField 
-        settings={settings}
-        ssidError={errors.ssidError}
-        passwordError={errors.passwordError}
-        eapIdentityError={errors.eapIdentityError}
-        onSSIDChange={onSSIDChange}
-        onEapIdentityChange={onEapIdentityChange}
-        onPasswordChange={onPasswordChange}
-      />
-
       <Button
         id="print"
         appearance="primary"
@@ -212,8 +200,8 @@ function App() {
         {t('button.print')}
       </Button>
       <Pane id="print-area">
-        {settings.additionalCards >= 0 &&
-          [...Array(settings.additionalCards + 1)].map((el, idx) => (
+        {settings.additionalCards >= 1 &&
+          [...Array(settings.additionalCards)].map((el, idx) => (
             <WifiCard
               key={`card-nr-${idx}`}
               settings={settings}
diff --git a/src/translations.js b/src/translations.js
index 0b049157..172b5647 100644
--- a/src/translations.js
+++ b/src/translations.js
@@ -14,7 +14,7 @@ export const Translations = [
       'wifi.login': 'WiFi Login',
       'wifi.name': 'Network name',
       'wifi.name.hiddenSSID': 'Hidden SSID',
-      'cards.additional': 'Additional cards to print',
+      'cards.additional': 'Number of cards to print',
       'cards.tip.hide': 'Hide tip (legend)',
       'wifi.name.placeholder': 'WiFi Network name',
       'wifi.password': 'Password',
@@ -576,6 +576,7 @@ export const Translations = [
         'Le mot de passe doit au moins faire 8 caractères, ou changez le chiffrement en "Aucun"',
       'button.rotate': 'Pivoter',
       'button.print': 'Imprimer',
+      'cards.additional': 'Nombre de cartes a imprimer',
       select: 'Choisir la langue',
     },
   },

From 253e0b17b55b091d7d556830df7a0fe5d0bd269d Mon Sep 17 00:00:00 2001
From: ofostier <ofostier@gmail.com>
Date: Thu, 13 Jun 2024 17:53:43 +0200
Subject: [PATCH 3/3] fix/clean

---
 src/components/LinkField.js | 70 -------------------------------------
 1 file changed, 70 deletions(-)
 delete mode 100644 src/components/LinkField.js

diff --git a/src/components/LinkField.js b/src/components/LinkField.js
deleted file mode 100644
index ce06bee5..00000000
--- a/src/components/LinkField.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import {
-  CameraIcon,
-  Card,
-  Heading,
-  MobilePhoneIcon,
-  Pane,
-  Paragraph,
-  Text,
-  TextareaField,
-  TextInput,
-} from 'evergreen-ui';
-import QRCode from 'qrcode.react';
-import { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import logo from '../../src/images/wifi.png';
-import './style.css';
-
-export const LinkField = (props) => {
-  const { t } = useTranslation();
-  const [qrvalue, setQrvalue] = useState('');
-
-  const escape = (v) => {
-    const needsEscape = ['"', ';', ',', ':', '\\'];
-
-    let escaped = '';
-    for (const c of v) {
-      if (needsEscape.includes(c)) {
-        escaped += `\\${c}`;
-      } else {
-        escaped += c;
-      }
-    }
-    return escaped;
-  };
-
-  useEffect(() => {
-    let opts = {};
-
-   
-  }, [props.settings]);
-
-
-
-  return (
-
-    <Card
-    className="card-print"
-    elevation={3}
-  >
-      <Pane width={'100%'}>
-        <TextareaField
-          id="ssid"
-          type="text"
-          marginBottom={5}
-          autoComplete="off"
-          autoCorrect="off"
-          autoCapitalize="none"
-          spellCheck={false}
-          maxLength="32"
-          label={t('linkField.label')}
-          placeholder={t('linkField.placeholder')}
-          value={props.settings.ssid}
-          onChange={(e) => props.onSSIDChange(e.target.value)}
-          isInvalid={!!props.ssidError}
-          validationMessage={!!props.ssidError && props.ssidError}
-        />
-      </Pane>
-    </Card>
-  );
-};