From 3fa070c7ace0edb78d3048f819c5286965fdd458 Mon Sep 17 00:00:00 2001
From: Ahmed Tarek <ahmed.tokyo1@gmail.com>
Date: Thu, 29 Jul 2021 19:28:35 +0200
Subject: 🐛 fix rtl direction bugs (#124)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* :bug: fix rtl direction bugs

* fix conflicts
---
 src/components/Card.js | 76 ++++++++++++++++++++++++++------------------------
 1 file changed, 40 insertions(+), 36 deletions(-)

(limited to 'src')

diff --git a/src/components/Card.js b/src/components/Card.js
index ee9d8d4..856085f 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -164,42 +164,46 @@ export const Card = ({ direction = 'ltr' }) => {
             </div>
 
             <div className="no-print">
-              <label>{t('wifi.password.encryption')}:</label>
-              <input
-                type="radio"
-                name="encrypt-select"
-                id="encrypt-none"
-                value="nopass"
-                onChange={(e) => {
-                  setNetwork({
-                    ...network,
-                    encryptionMode: e.target.value,
-                    password: '',
-                  });
-                }}
-              />
-              <label htmlFor="encrypt-none">None</label>
-              <input
-                type="radio"
-                name="encrypt-select"
-                id="encrypt-wpa-wpa2-wpa3"
-                value="WPA"
-                onChange={(e) =>
-                  setNetwork({ ...network, encryptionMode: e.target.value })
-                }
-                defaultChecked
-              />
-              <label htmlFor="encrypt-wpa-wpa2-wpa3">WPA/WPA2/WPA3</label>
-              <input
-                type="radio"
-                name="encrypt-select"
-                id="encrypt-wep"
-                value="WEP"
-                onChange={(e) =>
-                  setNetwork({ ...network, encryptionMode: e.target.value })
-                }
-              />
-              <label htmlFor="encrypt-wep">WEP</label>
+              <label>
+                {t('wifi.password.encryption')}:{direction === 'rtl' ? ' ' : ''}
+              </label>
+              <span dir="ltr">
+                <input
+                  type="radio"
+                  name="encrypt-select"
+                  id="encrypt-none"
+                  value="nopass"
+                  onChange={(e) => {
+                    setNetwork({
+                      ...network,
+                      encryptionMode: e.target.value,
+                      password: '',
+                    });
+                  }}
+                />
+                <label htmlFor="encrypt-none">None</label>
+                <input
+                  type="radio"
+                  name="encrypt-select"
+                  id="encrypt-wpa-wpa2-wpa3"
+                  value="WPA"
+                  onChange={(e) =>
+                    setNetwork({ ...network, encryptionMode: e.target.value })
+                  }
+                  defaultChecked
+                />
+                <label htmlFor="encrypt-wpa-wpa2-wpa3">WPA/WPA2/WPA3</label>
+                <input
+                  type="radio"
+                  name="encrypt-select"
+                  id="encrypt-wep"
+                  value="WEP"
+                  onChange={(e) =>
+                    setNetwork({ ...network, encryptionMode: e.target.value })
+                  }
+                />
+                <label htmlFor="encrypt-wep">WEP</label>
+              </span>
             </div>
           </div>
         </div>
-- 
cgit v1.2.3