OriAmir
diff --git a/‎dist/index.bundle.js‎
Lines changed: 12 additions & 28 deletions b/‎dist/index.bundle.js‎
Lines changed: 12 additions & 28 deletions
diff --git a/‎dist/index.html‎
Lines changed: 1 addition & 1 deletion b/‎dist/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎package-lock.json‎
Lines changed: 10959 additions & 1105 deletions b/‎package-lock.json‎
Lines changed: 10959 additions & 1105 deletions
diff --git a/‎package.json‎
Lines changed: 2 additions & 3 deletions b/‎package.json‎
Lines changed: 2 additions & 3 deletions
diff --git a/‎src/components/app.js‎
Lines changed: 10 additions & 6 deletions b/‎src/components/app.js‎
Lines changed: 10 additions & 6 deletions
diff --git a/‎src/components/gallery.js‎
Lines changed: 0 additions & 136 deletions b/‎src/components/gallery.js‎
Lines changed: 0 additions & 136 deletions
diff --git a/‎src/components/images-light-box.js‎
Lines changed: 0 additions & 38 deletions b/‎src/components/images-light-box.js‎
Lines changed: 0 additions & 38 deletions
diff --git a/‎src/index.js‎
Lines changed: 6 additions & 13 deletions b/‎src/index.js‎
Lines changed: 6 additions & 13 deletions
@@ -12,6 +12,6 @@
 
 <body>
   <div id="app"></div>
-<script type="text/javascript" src="index.bundle.js?c2e5caa42137f852fa71"></script></body>
+<script type="text/javascript" src="index.bundle.js?fb11b288cbb75133944d"></script></body>
 
 </html>
@@ -40,13 +40,12 @@
     "css-loader": "^2.1.1",
     "eslint-plugin-react-hooks": "^1.6.0",
     "express": "^4.17.1",
-    "node-sass": "^4.14.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",
     "react-bootstrap": "^1.0.0-beta.9",
     "react-dom": "^16.8.6",
-    "react-image-lightbox": "^5.1.0",
-    "react-responsive-gallery": "^2.0.1",
+    "react-responsive-gallery": "^2.1.1",
+    "sass": "^1.51.0",
     "sass-loader": "^7.1.0",
     "shortid": "^2.2.14",
     "style-loader": "^0.23.1",
 
@@ -14,7 +14,6 @@ import {
 } from '../constants/responsive';
 import useDefaultScreenDimensions from '../hooks/use-default-screen-dimensions';
 import { getSizeGroup } from '../utils/gallery';
-// import GalleryTest from './gallery';
 
 const App = () => {
   const [screenWidthSizes, setScreenWidthValues] = useState(screenWidthSizesDefault);
@@ -24,6 +23,7 @@ const App = () => {
   const width = useDefaultScreenDimensions();
   const [showoptions, setShowOptions] = useState(true);
   const [useLightBox, setUseLightBox] = useState(false);
+  const [selectable, setSelectable] = useState(false);
 
   return (
     <div className={styles.generalApp}>
@@ -65,7 +65,14 @@ const App = () => {
                     <input value={useLightBox} onChange={e => setUseLightBox(e.target.checked)} type="checkbox" />
                   </span>
                 </Col>
-
+              </Row>
+              <Row>
+                <Col className={styles.checkBoxLabel}>
+                  Use Images selectable:
+                  <span className={styles.checkBoxInput}>
+                    <input value={selectable} onChange={e => setSelectable(e.target.checked)} type="checkbox" />
+                  </span>
+                </Col>
               </Row>
               <Row>
                 <Col xs={12} sm={6} md={3} lg={3} xl={3}>
@@ -176,15 +183,12 @@ const App = () => {
           },
           {
             src: 'https://cdn.pixabay.com/photo/2017/03/31/15/41/giraffe-2191662_1280.jpg'
-            //     orderS: 1,
-            //     orderM: 2,
-            //     orderL: 3,
-            //     imgClassName: styles.test1 }
           }]}
         screenWidthSizes={screenWidthSizes}
         numOfImagesPerRow={numOfImagePerRow}
         imagesPaddingBottom={imagesPaddingBottom}
         imagesMaxWidth={imagesMaxWidth}
+        selectable={selectable}
       // colsPadding={{
       //   xs: 5, s: 10, m: 15, l: 20, xl: 25, xxl: 50
       // }}
 
@@ -1,15 +1,8 @@
-import React from 'react';
-import { render } from 'react-dom';
-import './assets/style.scss';
-import 'react-image-lightbox/style.css'; // This only needs to be imported once in your app
+import React from "react";
+import { render } from "react-dom";
+import "./assets/style.scss";
+import App from "./components/app";
 
-// import GalleryTest from './components/gallery';
-// import styles from './app.module.scss';
-import App from './components/app';
+const rootEl = document.getElementById("app");
 
-const rootEl = document.getElementById('app');
-
-render(
-  <App />,
-  rootEl
-);
+render(<App />, rootEl);