{user.name}
-{user.email}
-{user.metadata.lastLoginAt}
-Account
- - : -Account
-
- Search
- - -
- Maps
- - -
- YouTube
- - - -
- News
- - - -
- Translate
- - -
- Books
- - -
- Shopping
- - - -Google Account
-{user.name}
-{user.email}
-Sign In
-
- May I Help You!
-
- Play
- - - -
- Gmail
- - -
- Meet
- - -
- Chat
- - -
- Contacts
- - -
- Drive
- - -
- Calendar
- - - -
- Photos
- - -
- Duo
- - - - - - - -
- Finance
- - -
- Docs
- - -
- Sheets
- - -
- Slides
- - - -
- Blogger
- - -
- Hangouts
- - -
- Keep
- - -
- Jamboard
- - -
- Classroom
- - -
- Earth
- - -
- Collections
- - -
- Arts and Culture
- - -
- Google Ads
- - -
- Podcasts
- - -
- Google One
- - -
- Travel
- - -
- Forms
- diff --git a/src/Pages/Images/Images.css b/src/Pages/Images/Images.css deleted file mode 100644 index fc27297..0000000 --- a/src/Pages/Images/Images.css +++ /dev/null @@ -1,163 +0,0 @@ -.images__page { - padding: 5px 5%; -} - -.images__imageDataPart>p { - text-align: center; - font-size: 24px; - margin: 25px 0; -} - -.images__imageData { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 15px; -} - -.images__imageData img { - width: 100%; -} - -.images__imagePagination { - display: flex; - justify-content: center; - align-items: center; - margin: 15px 0; -} - -.images__imagePagination span { - color: rgb(0, 0, 0); - padding: 8px 25px; - text-align: center; - font-size: 16px; - border-top: 1px solid rgb(0, 0, 0); - border-bottom: 1px solid rgb(0, 0, 0); - letter-spacing: 0.5px; - transition: all 0.5s ease-in-out; -} - -.images__imagePagination button { - background-color: #a8c4f8; - border: none; - color: rgb(0, 0, 0); - padding: 0px 25px; - text-align: center; - text-decoration: none; - display: flex; - align-items: center; - gap: 10px; - font-size: 36px; - cursor: pointer; - letter-spacing: 0.5px; - transition: all 0.5s ease-in-out; -} - -.images__imagePagination button:disabled { - background-color: lightgray; -} - -.images__imagePagination button:disabled:hover { - background-color: lightgray; - color: black; -} - -.images__imagePagination button:hover { - background-color: #0058fc; - color: rgb(255, 255, 255); -} - -.images__imageItem { - display: flex; - flex-direction: column; - justify-content: space-between; - border: 1px solid lightgray; - border-radius: 5px; - overflow: hidden; -} - -.like_cls-1 { - fill-rule: evenodd; -} - -.images__imageItemInfo { - display: flex; - justify-content: space-around; - align-items: center; - font-weight: 500; -} - -.images__imageItemInfo span { - display: flex; - align-items: center; - gap: 5px; - cursor: pointer; -} - -.images__imageItemInfo span:first-child { - color: #c100fc; - fill: #c100fc; -} - -.images__imageItemInfo span:last-child { - color: #fc8600; - fill: #fc8600; -} - -.images__imageItemInfo span:hover { - color: black; -} - -.images__imageData svg { - width: 21px; - height: 21px; - margin: 0 5px; -} - -.images__imageData p { - display: flex; - align-items: center; - gap: 5px; - margin: 10px 0; - font-weight: 500; -} - -.images__imageItemImage { - width: 100%; - max-height: 200px; - margin-bottom: 5px; - overflow: hidden; -} - -.images__imageItemImage img { - cursor: pointer; - transition: all 0.6s ease-in-out; -} - -.images__imageItemImage:hover img { - transform: scale(1.1); -} - -@media only screen and (max-width: 450px) { - .images__imageData { - display: grid; - grid-template-columns: repeat(1, 1fr); - gap: 15px; - } - -} - -@media only screen and (min-width: 451px) and (max-width: 800px) { - .images__imageData { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 15px; - } -} - -@media only screen and (min-width: 801px) and (max-width: 1100px) { - .images__imageData { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 15px; - } -} \ No newline at end of file diff --git a/src/Pages/Images/Images.jsx b/src/Pages/Images/Images.jsx deleted file mode 100644 index 17377bc..0000000 --- a/src/Pages/Images/Images.jsx +++ /dev/null @@ -1,78 +0,0 @@ -import React from 'react' -import activePage from '../../compenent/ActivePage/ActivePage'; -import "./Images.css" -import { useDispatch, useSelector } from 'react-redux'; -import { setLoaderspinner } from '../../Redux/action'; -import loaderspinnergif from '../../assets/gif/loaderspinnergif.gif' - -function Images() { - - const { loaderspinner, navbar_searchValur } = useSelector((state) => state); - const dispatch = useDispatch(); - - const [pageNumber, setpageNumber] = React.useState(1); - const [imageData, setImageData] = React.useState({ hits: [] }); - - React.useEffect(() => { - activePage("images__page") - }, []); - - React.useEffect(() => { - - if (navbar_searchValur !== "") { - dispatch(setLoaderspinner(true)) - fetch(`https://pixabay.com/api/?key=${process.env.REACT_APP_IMAGE_API_KEY}&q=${navbar_searchValur}&per_page=175&page=${pageNumber}`) - .then((res) => res.json()) - .then((data) => { return setImageData(data), dispatch(setLoaderspinner(false)) }) - .catch((err) => console.log(err)) - } - }, [navbar_searchValur, pageNumber]); - - return ( -- - {data.tags}
-Image for "{navbar_searchValur}" not found
- } - -Image for "{queryForFilter}" not found
)) - } -{imageData.articles[showsingledata].title}
-{imageData.articles[showsingledata].content}
-{imageData.articles[showsingledata].description}
- -- Read more... - {imageData.articles[showsingledata].publishedAt} - {imageData.articles[showsingledata].source.name} -
- -Result for "{navbar_searchValur}" not found
- } - -
-
- {"< Learn. Practice. Grow >"}
- 
-
- 12TH PASS - FINAL YEAR STUDENTS OR GRADUATES -
-- - Data Analytics | Software Development -
-- - No Prior Technical Knowledge Needed -
-- - Pay After Placement of 5 LPA or Above -
- VIEW COURSES -
-
- {"Fast Track Your Aspiration"}
-
-
- FOR WORKING PROFESSIONALS -
-- - Data Analytics | Software Development -
-- - Level 1: Pay After You Earn 5 LPA or Above -
-- - Level 2: Pay After You Earn 10 LPA or Above -
- VIEW COURSES -{transcript}
-⇌
- -| Input Text | -Output Text | -Edit | -Delete | -
|---|---|---|---|
| {data[0]} | -{data[1]} | -- | -- - | -
{data.snippet.title}
-{data.snippet.channelTitle}
- {/*{data.snippet.publishTime}
*/} -Video for "{navbar_searchValur}" not found
} -