From d0d460890f0026080c330e92ce502ab82c7508a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=B4me?= <jerome.archlinux@gmail.com>
Date: Sun, 8 Aug 2021 22:20:48 +0700
Subject: [PATCH] no image uploader now...

---
 .../Pages/public/Containers.component.js      | 20 +------------------
 frontend/stylesheet/app.sass                  | 10 ----------
 package-lock.json                             | 19 ------------------
 package.json                                  |  1 -
 yarn.lock                                     |  5 -----
 5 files changed, 1 insertion(+), 54 deletions(-)

diff --git a/frontend/Views/Pages/public/Containers.component.js b/frontend/Views/Pages/public/Containers.component.js
index ab0ac3c..787c63e 100644
--- a/frontend/Views/Pages/public/Containers.component.js
+++ b/frontend/Views/Pages/public/Containers.component.js
@@ -12,7 +12,6 @@ import { useParams } from 'react-router-dom'
 import { trContainer, colorType } from '../../helpers/config'
 import { Card, CardGroup, Jumbotron, Badge, Button, Form, InputGroup, Image, Figure, Modal } from 'react-bootstrap'
 import loadable from '@loadable/component'
-import ImageUploading from 'react-images-uploading'
 
 import { actionsContainerLinks, actionsContainer } from './compositions/containers.actions'
 import { statesContainerLinks, statesContainer, useFetch } from './compositions/containers.states'
@@ -150,24 +149,7 @@ const HeadContainerUIedit = ( {t, i18n,
             <Form.Text className="text-muted">{t('containers.helper.title')}</Form.Text>
         </Form.Group>
 
-        <ImageUploading multiple value={form.image} onChange={change}
-          maxNumber='1' dataURLKey="data_url">
-          {({ onImageUpload, onImageRemove, isDragging, dragProps }) => (
-            <div id='drop-area' className="upload__image-wrapper">
-              <button style={isDragging ? { color: 'red' } : undefined} 
-                      onClick={onImageUpload}
-                      {...dragProps} >
-                Click or Drop here
-              </button>
-              &nbsp;
-              <div className="image-item">
-                <Image rounded fluid src={form.image} />
-                  <button onClick={() => onImageRemove(0)}>Remove</button>
-              </div>
-            </div>
-          )}
-        </ImageUploading>
-
+        <Image rounded fluid src={form.image} />
 
         <Form.Group controlId="formBasicText">
             <Form.Label>{t('containers.update.content')}</Form.Label>
diff --git a/frontend/stylesheet/app.sass b/frontend/stylesheet/app.sass
index 48067a1..bd67d8a 100644
--- a/frontend/stylesheet/app.sass
+++ b/frontend/stylesheet/app.sass
@@ -26,16 +26,6 @@ body
 .for-container
   flex-grow: 1
 
-#drop-area
-  border: 2px dashed #ccc
-  border-radius: 20px
-  font-family: sans-serif
-  margin: 100px auto
-  padding: 20px
-
-#drop-area.highlight
-  border-color: purple
-
 #root
   width: 100%
   height: calc(100% - 2.1rem)
diff --git a/package-lock.json b/package-lock.json
index 40a66f5..6a45e79 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -68,7 +68,6 @@
         "react-dom": "^17.0.2",
         "react-hot-loader": "^4.13.0",
         "react-i18next": "^11.8.11",
-        "react-images-uploading": "^3.1.3",
         "react-redux": "^7.2.3",
         "react-router": "^5.2.0",
         "react-router-dom": "^5.2.0",
@@ -29602,19 +29601,6 @@
         "react": ">= 16.8.0"
       }
     },
-    "node_modules/react-images-uploading": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/react-images-uploading/-/react-images-uploading-3.1.3.tgz",
-      "integrity": "sha512-Ak9uaHTsCM6JboEo5JU0esx13IxQuZ1ZxgWgdqVIsK5ZSty88lcf1CTxpMTZFZVVuIxWOm9VsRvs6cyMUDTWeg==",
-      "engines": {
-        "node": ">=8",
-        "npm": ">=5"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
-      }
-    },
     "node_modules/react-inline-css": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/react-inline-css/-/react-inline-css-2.3.1.tgz",
@@ -64971,11 +64957,6 @@
         "html-parse-stringify2": "^2.0.1"
       }
     },
-    "react-images-uploading": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/react-images-uploading/-/react-images-uploading-3.1.3.tgz",
-      "integrity": "sha512-Ak9uaHTsCM6JboEo5JU0esx13IxQuZ1ZxgWgdqVIsK5ZSty88lcf1CTxpMTZFZVVuIxWOm9VsRvs6cyMUDTWeg=="
-    },
     "react-inline-css": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/react-inline-css/-/react-inline-css-2.3.1.tgz",
diff --git a/package.json b/package.json
index 93b0ada..6a1e4be 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,6 @@
     "react-dom": "^17.0.2",
     "react-hot-loader": "^4.13.0",
     "react-i18next": "^11.8.11",
-    "react-images-uploading": "^3.1.3",
     "react-redux": "^7.2.3",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
diff --git a/yarn.lock b/yarn.lock
index f0c1cb8..b9e0600 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15665,11 +15665,6 @@
     "@babel/runtime" "^7.13.6"
     "html-parse-stringify2" "^2.0.1"
 
-"react-images-uploading@^3.1.3":
-  "integrity" "sha512-Ak9uaHTsCM6JboEo5JU0esx13IxQuZ1ZxgWgdqVIsK5ZSty88lcf1CTxpMTZFZVVuIxWOm9VsRvs6cyMUDTWeg=="
-  "resolved" "https://registry.npmjs.org/react-images-uploading/-/react-images-uploading-3.1.3.tgz"
-  "version" "3.1.3"
-
 "react-inline-css@^2.3.0":
   "integrity" "sha1-hKNjBcmR9kK38lx1/KzNT/yw3gc="
   "resolved" "https://registry.npmjs.org/react-inline-css/-/react-inline-css-2.3.1.tgz"