last commit

Author: samsperd

.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

src/components/Search/Search.js

@@ -40,7 +40,7 @@ const Search = () => {
                 {
                   searchList.map((e, i) => (
                         <Link key={i} to={`/view-page/${e?.id}`} >
-                        <SearchItem key={i} title={e?.title} image_id={e?.image_id} imageHeight={e?.thumbnail?.height} imageWidth={e?.thumbnail?.width} location={e?.place_of_origin} startYear={e?.date_start} endYear={e?.date_end} artistName={e?.artist_title} />
+                        <SearchItem key={i} title={e?.title} alt_text={e?.thumbnail?.alt_text} />
                         </Link>
                     ))
                 }

src/components/SearchItem.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SearchItem = ({ title, image_id, imageHeight, imageWidth, location, startYear, endYear, artistName }) => {
+const SearchItem = ({ title, image_id }) => {
 
     const getImage = (imageId) => {
         if (imageId == null) {
@@ -15,14 +15,8 @@ const SearchItem = ({ title, image_id, imageHeight, imageWidth, location, startY
         <div className="flex w-full items-center h-80 overflow-hidden justify-center">
             <img src={getImage(image_id)} alt="/" />
         </div>
-        <div className='px-3 py-2'>
-            <h3 className='font-bold'>{ title } <span className='font-normal'> - { artistName }</span> </h3>
-            <p className='text-sm'>
-                { startYear } - { endYear }
-            </p>
-            <p>
-                { location }
-            </p>
+        <div className='px-3 py-5 mb-3'>
+            <h3 className='font-bold'>{ title }</h3>
         </div>
     </div>
   )

src/components/ViewPage.js

@@ -8,7 +8,6 @@ const ViewPage = () => {
 
   const { artId } = useParams()
   const history = useHistory()
-  console.log(artId);
   const { data, isFetching } = useGetArtDetailsQuery({ id:artId });
   const artDetails = data?.data;
   if (isFetching) {
@@ -45,7 +44,7 @@ const ViewPage = () => {
                 { artDetails.title }
               </h2>
               <p className='text-lg'>
-                Browse a curated selection of art around the world, including Museum ehibitions, gallery openings, upcoming and many more. Browse a curated selection of art around the world, including museum exhibitions, gallery openings, upcoming and many more. Browse a curated selection of art around the world, including Museum ehibitions, gallery openings, upcoming and many more. Browse a curated selection of art around the world, including museum exhibitions, gallery openings, upcoming and many more.
+                { artDetails?.thumbnail?.alt_text }
               </p>
             </div>
             <div className='flex gap-4'>