Bump @wix/data from 1.0.184 to 1.0.188 (#354)

* Bump @wix/data from 1.0.184 to 1.0.188 Bumps @wix/data from 1.0.184 to 1.0.188. --- updated-dependencies: - dependency-name: "@wix/data" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <[email protected]> * fix build * update e2e netlify * update e2e vercel --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: liorMar <[email protected]>
wix · Jan 19, 2025 · 837df6b · 837df6b
1 parent d499e55
commit 837df6b
Show file tree

Hide file tree

Showing 10 changed files with 330 additions and 83 deletions.
diff --git a/app/news/[slug]/page.tsx b/app/news/[slug]/page.tsx
@@ -5,9 +5,7 @@ import testIds from '@app/utils/test-ids';
 export default async function New({ params }: any) {
   const wixClient = await getWixClient();
   const { items } = await wixClient.items
-    .queryDataItems({
-      dataCollectionId: 'News',
-    })
+    .query('News')
     .eq('slug', params.slug)
     .find();
   const item = items![0];
@@ -17,28 +15,28 @@ export default async function New({ params }: any) {
       <div className="w-full h-[400px] relative">
         <WixMediaImage
           media="https://static.wixstatic.com/media/0b340f_0b4d1813105145bfa782ce1d7a379151~mv2_d_5760_3840_s_4_2.jpg/v1/fill/w_1920,h_492,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/0b340f_0b4d1813105145bfa782ce1d7a379151~mv2_d_5760_3840_s_4_2.jpg"
-          alt={item.data!.title}
+          alt={item.title}
           objectFit="cover"
           sizes="100vw"
           disableZoom={true}
         />
       </div>
       <div className="max-w-7xl mx-auto mt-[-120px] relative bg-white px-8 sm:px-20 text-center">
-        <h1 className="py-8 font-site">{item.data!.title}</h1>
+        <h1 className="py-8 font-site">{item.title}</h1>
         <p className="py-6 max-w-3xl text-lg mx-auto">
-          {item.data!.short_description}
+          {item.shortDescription}
         </p>
         <div className="relative h-[400px]">
           <WixMediaImage
-            media={item.data!.image}
-            alt={item.data!.title}
+            media={item.image}
+            alt={item.title}
             sizes="100vw"
             objectFit="contain"
           />
         </div>
         <p
           className="py-6 max-w-3xl text-sm mx-auto"
-          dangerouslySetInnerHTML={{ __html: item.data!.longDescription }}
+          dangerouslySetInnerHTML={{ __html: item.longDescription }}
         />
       </div>
     </div>

diff --git a/app/news/page.tsx b/app/news/page.tsx
@@ -4,11 +4,7 @@ import { WixMediaImage } from '@app/components/Image/WixMediaImage';
 import testIds from '@app/utils/test-ids';
 export default async function News() {
   const wixClient = await getWixClient();
-  const { items } = await wixClient.items
-    .queryDataItems({
-      dataCollectionId: 'News',
-    })
-    .find();
+  const { items } = await wixClient.items.query('News').find();
 
   return (
     <div className="relative">
@@ -44,23 +40,21 @@ export default async function News() {
             >
               <div className="h-[320px] relative">
                 <WixMediaImage
-                  media={item.data!.image}
-                  alt={item.data!.title}
+                  media={item.image}
+                  alt={item.title}
                   objectFit="cover"
                   disableZoom={true}
                 />
                 <span className="bg-blue-site text-white px-6 py-2 absolute bottom-[-20px]">
-                  {formatDate(
-                    new Date(item.data!.date?.$date ?? item.data!.date)
-                  )}
+                  {formatDate(new Date(item.date?.$date ?? item.date))}
                 </span>
               </div>
               <div className="bg-white relative mt-10 px-8 pb-10">
-                <h2 className="mb-10 font-site">{item.data!.title}</h2>
-                <p className="text-sm mb-6">{item.data!.short_description}</p>
+                <h2 className="mb-10 font-site">{item.title}</h2>
+                <p className="text-sm mb-6">{item.shortDescription}</p>
                 <a
                   data-testid={testIds.NEWS_PAGE.NEWS_ITEM_CTA}
-                  href={`/news/${item.data!.slug}`}
+                  href={`/news/${item.slug}`}
                   className="text-purple-site py-6 font-site"
                 >
                   Read More

diff --git a/app/projects/[slug]/page.tsx b/app/projects/[slug]/page.tsx
@@ -5,9 +5,7 @@ import testIds from '@app/utils/test-ids';
 export default async function Project({ params }: any) {
   const wixClient = await getWixClient();
   const { items } = await wixClient.items
-    .queryDataItems({
-      dataCollectionId: 'Our-Projects',
-    })
+    .query('Our-Projects')
     .eq('slug', params.slug)
     .find();
   const project = items![0];
@@ -19,26 +17,26 @@ export default async function Project({ params }: any) {
     >
       <div className="w-full h-[400px] relative">
         <WixMediaImage
-          media={project.data!.cover}
-          alt={project.data!.title}
+          media={project.cover}
+          alt={project.title}
           objectFit="cover"
           sizes="100vw"
           disableZoom={true}
         />
       </div>
       <div className="max-w-7xl mx-auto mt-[-120px] relative bg-white px-8 sm:px-20 text-center">
-        <h1 className="py-8 font-site">{project.data!.title}</h1>
+        <h1 className="py-8 font-site">{project.title}</h1>
         <p className="pt-6 max-w-3xl text-sm mx-auto">
-          {project.data!.short_description}
+          {project.shortDescription}
         </p>
         <p className="py-6 max-w-3xl text-sm mx-auto">
-          {project.data!.long_description}
+          {project.longDescription}
         </p>
         <a href="" className="btn-main">
           Donate
         </a>
         <div className="grid grid-cols-1 sm:grid-cols-3 gap-5 grid-flow-row mt-10">
-          {project.data!.gallery?.map((image: any, i: number) => (
+          {project.gallery?.map((image: any, i: number) => (
             <div key={i} className="p-4 relative">
               <WixMediaImage media={image.src} width={500} />
             </div>

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
@@ -3,11 +3,7 @@ import { WixMediaImage } from '@app/components/Image/WixMediaImage';
 import testIds from '@app/utils/test-ids';
 export default async function Projects() {
   const wixClient = await getWixClient();
-  const { items } = await wixClient.items
-    .queryDataItems({
-      dataCollectionId: 'Our-Projects',
-    })
-    .find();
+  const { items } = await wixClient.items.query('Our-Projects').find();
 
   return (
     <div className="relative">
@@ -44,17 +40,17 @@ export default async function Projects() {
             >
               <div className="sm:w-[370px] h-[320px] relative">
                 <WixMediaImage
-                  media={item.data!.cover}
-                  alt={item.data!.title}
+                  media={item.cover}
+                  alt={item.title}
                   objectFit="cover"
                 />
               </div>
               <div className="bg-white sm:mt-[-50px] border-t-4 relative mx-6 px-2 pt-3 border-blue-site text-center">
-                <h2 className="mb-10 font-site">{item.data!.title}</h2>
-                <p className="text-sm mb-6">{item.data!.short_description}</p>
+                <h2 className="mb-10 font-site">{item.title}</h2>
+                <p className="text-sm mb-6">{item.shortDescription}</p>
                 <a
                   data-testid={testIds.PROJECTS_PAGE.PROJECT_ITEM_CTA}
-                  href={`/projects/${item.data!.slug}`}
+                  href={`/projects/${item.slug}`}
                   className="text-purple-site py-6 font-site"
                 >
                   Read More

diff --git a/app/team/page.tsx b/app/team/page.tsx
@@ -3,15 +3,9 @@ import { WixMediaImage } from '@app/components/Image/WixMediaImage';
 import testIds from '@app/utils/test-ids';
 export default async function Team() {
   const wixClient = await getWixClient();
-  const { items: team } = await wixClient.items
-    .queryDataItems({
-      dataCollectionId: 'Our-Team',
-    })
-    .find();
+  const { items: team } = await wixClient.items.query('Our-Team').find();
   const { items: volunteers } = await wixClient.items
-    .queryDataItems({
-      dataCollectionId: 'Volunteers',
-    })
+    .query('Volunteers')
     .find();
   return (
     <div className="relative" data-testid={testIds.TEAM_PAGE.CONTAINER}>
@@ -40,15 +34,15 @@ export default async function Team() {
             <div key={item._id} className="p-4 relative">
               <div className="w-[300px] h-[220px] relative">
                 <WixMediaImage
-                  media={item.data!.image}
-                  alt={item.data!.name}
+                  media={item.image}
+                  alt={item.name}
                   objectFit="cover"
                 />
               </div>
               <div className="bg-white sm:mt-[-48px] border-t-4 relative mx-6 px-2 pt-3 border-blue-site text-center">
-                <h2 className="mb-10 font-site">{item.data!.name}</h2>
-                <p className="text-sm mb-6">{item.data!.about}</p>
-                <span>{item.data!.email}</span>
+                <h2 className="mb-10 font-site">{item.name}</h2>
+                <p className="text-sm mb-6">{item.about}</p>
+                <span>{item.email}</span>
               </div>
             </div>
           ))}
@@ -67,10 +61,10 @@ export default async function Team() {
             <div key={item._id} className="p-4 relative">
               <div className="bg-white sm:mt-[-50px] relative mx-6 px-2 py-5 text-center">
                 <h2 className="mb-10 font-extrabold text-blue-site font-site">
-                  {item.data!.name}
+                  {item.name}
                 </h2>
-                <p className="text-sm mb-6">{item.data!.about}</p>
-                <span>{item.data!.email}</span>
+                <p className="text-sm mb-6">{item.about}</p>
+                <span>{item.email}</span>
               </div>
             </div>
           ))}

diff --git a/tests/e2e/__screenshots__/netlify/chromium/projects.spec.ts/project-details.png b/tests/e2e/__screenshots__/netlify/chromium/projects.spec.ts/project-details.png
diff --git a/tests/e2e/__screenshots__/netlify/chromium/projects.spec.ts/project-list.png b/tests/e2e/__screenshots__/netlify/chromium/projects.spec.ts/project-list.png
diff --git a/tests/e2e/__screenshots__/vercel/chromium/projects.spec.ts/project-details.png b/tests/e2e/__screenshots__/vercel/chromium/projects.spec.ts/project-details.png
diff --git a/tests/e2e/__screenshots__/vercel/chromium/projects.spec.ts/project-list.png b/tests/e2e/__screenshots__/vercel/chromium/projects.spec.ts/project-list.png