correction de la pull request

alex-cailler · Sep 3, 2020 · 9b4f340 · 9b4f340
1 parent 245e39d
commit 9b4f340
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/src/components/layout/layout-container/LayoutContainerWork.jsx b/src/components/layout/layout-container/LayoutContainerWork.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import {NavbarMain, NavbarWork} from "../../navigation";
 
-const LayoutContainerWork = ({children, className, match}) => {
+const LayoutContainerWork = ({children, className}) => {
 
     const classes = classNames(
         "w-11/12 mr-auto flex",

diff --git a/src/components/section/Gallery/ImageSection.jsx b/src/components/section/Gallery/ImageSection.jsx
@@ -22,4 +22,9 @@ ImageSection.propTypes = {
     onClickEvent: PropTypes.func
 }
 
+ImageSection.defaultProps = {
+    images: [],
+    onClickEvent: () => {},
+};
+
 export default ImageSection
diff --git a/src/pages/GaleryPage/GaleryPage.jsx b/src/pages/GaleryPage/GaleryPage.jsx
@@ -3,11 +3,11 @@ import {images} from "../../constants/data";
 import {ImagePreview, ImagesGallerySection} from "../../components/section";
 
 const GaleryPage = () => {
-    const [imagePreview, setImagePreview] = useState(null)
+    const [imagePreview, setImagePreview] = useState()
     return (
         <React.StrictMode>
             <h1 className="text-6xl leading-none font-semibold">Image</h1>
-            <ImagesGallerySection images={images} onClickEvent={(imageFromChild) => { setImagePreview(imageFromChild); }} />
+            <ImagesGallerySection images={images} onClickEvent={setImagePreview} />
             <ImagePreview image={imagePreview} closePreview={() => { setImagePreview(null) }} />
         </React.StrictMode>
     );

diff --git a/src/scss/grid.scss b/src/scss/grid.scss
@@ -6,7 +6,7 @@
   padding: 45px 0;
   display: grid;
   grid-template-columns: repeat(4, auto);
- // grid-template-rows: repeat(4, auto);
+   // grid-template-rows: repeat(4, auto);
   grid-gap: 2vh;
   grid-auto-flow: dense;
 }