diff --git a/src/components/App.jsx b/src/components/App.jsx index 46f95cb..c735bbe 100644 --- a/src/components/App.jsx +++ b/src/components/App.jsx @@ -98,16 +98,13 @@ import Searchbar from './Searchbar/Searchbar' render() { const { - error, gallery, isLoading, - showModal, - largeImageURL, - tags, currentPage, quantityPage, } = this.state; - // const { error, gallery, isLoading } = this.state; + // const { error, gallery, isLoading, showModal,largeImageURL, tags, } = this.state; + console.log(gallery); return ( @@ -128,7 +125,7 @@ render() { {/* */} {/* {showModal &&

Modal Hallo

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, molestias assumenda aliquid incidunt corrupti a pariatur ratione rerum numquam alias omnis in non totam voluptatum quas voluptatem! Non, aspernatur? Suscipit!

+
} */} diff --git a/src/components/ImageGalleryItem/ImageGalleryItem.jsx b/src/components/ImageGalleryItem/ImageGalleryItem.jsx index 47c9d50..0729fe8 100644 --- a/src/components/ImageGalleryItem/ImageGalleryItem.jsx +++ b/src/components/ImageGalleryItem/ImageGalleryItem.jsx @@ -55,56 +55,3 @@ export default ImageGalleryItem; - -// // import * as React from 'react'; -// import React from 'react' -// import Box from '@mui/material/Box'; -// import Button from '@mui/material/Button'; - -// import Modal from '@mui/material/Modal'; - -// const style = { -// position: 'absolute', -// top: '50%', -// left: '50%', -// transform: 'translate(-50%, -50%)', -// width: 400, -// bgcolor: 'background.paper', -// border: 'none', -// boxShadow: 24, -// p: 4, -// padding: 0, - -// }; - -// export default function BasicModal() { -// const [open, setOpen] = React.useState(false); -// const handleOpen = () => setOpen(true); -// const handleClose = () => setOpen(false); - -// return ( -//
-// -// -// - -// Image - - -// -// -//
-// ); -// } - - - - - -// "https://pixabay.com/get/gb94cf3696a0ed4fba98519b268ca73582ed1015808a41fdc862aadf6be5dd4978fa5872c6ad5244bf942e4433f4ab361c1c7e40c6cc91762aba05c9ea719a084_640.jpg" \ No newline at end of file diff --git a/src/components/Searchbar/Searchbar.jsx b/src/components/Searchbar/Searchbar.jsx index 0626973..4141f2c 100644 --- a/src/components/Searchbar/Searchbar.jsx +++ b/src/components/Searchbar/Searchbar.jsx @@ -25,10 +25,8 @@ export default class Searchbar extends Component { this.setState({ inputQuery: '' }); }; - render() { - console.log(this.state.inputQuery); return ( @@ -36,14 +34,10 @@ export default class Searchbar extends Component {
- {/* */} - - - - - {/* */} -
- - {/* */} - ) } } - - - - - - -// /> -// {isLoading &&

Loading...

} -// {error &&

{error}

} -// {photos && ( -// -// )} - - - - - - - - - - - - - - - - - -// state = { value: '' } - -// handleChange = ({ target: { value } }) => { -// // toLowerCase() преобразуем букві в нижний регистр -// this.setState({ value:value.toLowerCase() }) -// console.log(value); - -// } - - - -// handleSubmit = (e) => { -// e.preventDefault() -// if (this.state.value.trim() === '') { -// return alert('Please enter key words for search');} -// this.props.onSubmit(this.state.value); -// this.setState({ value: '' }); -// }; - - -// render() { -// const { value } = this.state; -// console.log(value); - -// return ( - -//
-//
-// - -// -//
- -// {/* */} -//
- -// ) -// } - -// } - -// 38614458-d50fcc5469c58311283d9e834 - -// https://pixabay.com/api/?key=38614458-d50fcc5469c58311283d9e834&q=yellow+flowers&image_type=photo&pretty=true \ No newline at end of file