From 4d84fc923950bb946e044d0bfcd7e0744212d808 Mon Sep 17 00:00:00 2001
From: citizen-dror <reshef.dror@gmail.com>
Date: Thu, 30 Apr 2020 17:17:24 +0300
Subject: [PATCH] localized SelectImageByTag

---
 src/components/molecules/FormImageDetails.tsx |  2 +-
 src/components/organisms/MyImageGallery.tsx   | 43 ++++++++++---------
 src/lng/en/translation.json                   |  2 +
 src/lng/he/translation.json                   |  2 +
 4 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/src/components/molecules/FormImageDetails.tsx b/src/components/molecules/FormImageDetails.tsx
index c0c26b4..f189747 100644
--- a/src/components/molecules/FormImageDetails.tsx
+++ b/src/components/molecules/FormImageDetails.tsx
@@ -120,7 +120,7 @@ const GroupTextEn: React.FC<IGroupProps> = observer(({ name }) => {
       <Form.Control
         as="textarea"
         value={myVal}
-        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setCurrImageVal('texthe', e.target.value)}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setCurrImageVal('texten', e.target.value)}
       />
     </Form.Group>
   );
diff --git a/src/components/organisms/MyImageGallery.tsx b/src/components/organisms/MyImageGallery.tsx
index f52204b..90bdf5f 100644
--- a/src/components/organisms/MyImageGallery.tsx
+++ b/src/components/organisms/MyImageGallery.tsx
@@ -100,28 +100,31 @@ interface PropsSelectImageByTag {
 const styleSelect = {
   width: '150px',
 };
-const SelectImageByTag: React.FC<PropsSelectImageByTag> = observer(({ onChange }) => (
-  <div>
-    <Form.Group as={Col} controlId="exampleForm.SelectTag">
-      {/* <Form.Label>
+const SelectImageByTag: React.FC<PropsSelectImageByTag> = observer(({ onChange }) => {
+  const { t } = useTranslation();
+  return (
+    <div>
+      <Form.Group as={Col} controlId="exampleForm.SelectTag">
+        {/* <Form.Label>
         tags
       </Form.Label> */}
-      <Form.Control
-        as="select"
-        style={styleSelect}
-        onChange={(e: React.ChangeEvent<HTMLInputElement>) => { onChange(e.target.value); }}
-      >
-        <option>כללי</option>
-        <option>הולכי רגל</option>
-        <option>רוכבי אופניים</option>
-        <option>רוכבי אופנוע</option>
-        <option>מכוניות</option>
-        <option>אוטובוסים</option>
-        <option>ילדים</option>
-      </Form.Control>
-    </Form.Group>
-  </div>
-));
+        <Form.Control
+          as="select"
+          style={styleSelect}
+          onChange={(e: React.ChangeEvent<HTMLInputElement>) => { onChange(e.target.value); }}
+        >
+          <option value="כללי">{t('general')}</option>
+          <option value="הולכי רגל">{t('pedestrian')}</option>
+          <option value="רוכבי אופניים">{t('cyclist')}</option>
+          <option value="רוכבי אופנוע">{t('motorcycle')}</option>
+          <option value="מכוניות">{t('car')}</option>
+          <option value="אוטובוסים">{t('bus')}</option>
+          <option value="ילדים">{t('kids')}</option>
+        </Form.Control>
+      </Form.Group>
+    </div>
+  );
+});
 
 const styleTitle: React.CSSProperties = {
   textAlign: 'center',
diff --git a/src/lng/en/translation.json b/src/lng/en/translation.json
index 3364c7b..c74340a 100644
--- a/src/lng/en/translation.json
+++ b/src/lng/en/translation.json
@@ -142,6 +142,8 @@
   "resize": "Resize",
   "NoResultsFound": "No results found",
   "export-to-csv": "Export to CSV",
+  "general": "General",
+  "kids": "Kids",
   "hide-description": "Hide Text",
   "show-description": "Show Text",
   "not-found-images" : "No photos found for this category"
diff --git a/src/lng/he/translation.json b/src/lng/he/translation.json
index a29b5a3..c0520ab 100644
--- a/src/lng/he/translation.json
+++ b/src/lng/he/translation.json
@@ -143,6 +143,8 @@
   "resize": "הגדלה",
   "NoResultsFound": "לא נמצאו תוצאות",
   "export-to-csv": "יצוא לקובץ CSV",
+  "general": "כללי",
+  "kids": "ילדים",
   "hide-description": "הסתר תאור",
   "show-description": "הצג תאור",
   "not-found-images" : "לא נמצאו תמונות לקטגוריה זו"