From 30c31fc62c3349f2bc7f638faa0fc8f881d93d61 Mon Sep 17 00:00:00 2001
From: Aaron Hung <ahungwork@yahoo.ca>
Date: Sat, 29 Apr 2023 14:55:58 -0700
Subject: [PATCH] fix: remove priority props on images to improve load time of
 pages

---
 src/components/ImageMasonry.tsx    | 1 -
 src/components/NavBar.tsx          | 1 -
 src/pages/greenlands/index.tsx     | 4 ----
 src/pages/plastic-people/index.tsx | 1 -
 src/pages/projects/[slug].tsx      | 1 -
 src/pages/uilenstede/index.tsx     | 3 ---
 src/pages/veganuary/impact.tsx     | 1 -
 src/pages/veganuary/index.tsx      | 3 ---
 src/pages/westland/index.tsx       | 4 ----
 9 files changed, 19 deletions(-)

diff --git a/src/components/ImageMasonry.tsx b/src/components/ImageMasonry.tsx
index 3e0ee9f..dde0898 100644
--- a/src/components/ImageMasonry.tsx
+++ b/src/components/ImageMasonry.tsx
@@ -21,7 +21,6 @@ export default function ImageMasonry({
         {images.map(image => (
           <Image
             key={image.src}
-            priority
             src={image}
             alt="Actiefoto Image"
             className="rounded object-fit w-full"
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index d520762..53d9510 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -61,7 +61,6 @@ export default function NavBar() {
               aria-label="Home Page"
             >
               <Image
-                priority
                 src={
                   isInverted
                     ? CollActionWhiteLogoWithText
diff --git a/src/pages/greenlands/index.tsx b/src/pages/greenlands/index.tsx
index bd03853..02a175c 100644
--- a/src/pages/greenlands/index.tsx
+++ b/src/pages/greenlands/index.tsx
@@ -52,7 +52,6 @@ export default function ActionIndexPage() {
 
             <h4 className="mt-8 mb-6 text-center">Program</h4>
             <Image
-              priority
               src={Program1}
               alt="Program Greenlands"
               className="rounded-1"
@@ -64,7 +63,6 @@ export default function ActionIndexPage() {
           <div className="relative block w-full md:w-11/12 lsm:max-w-600 lg:max-w-750 mx-auto mt-6 mb-6">
             <h4 className="text-center mb-6">Stands</h4>
             <Image
-              priority
               src={Program2}
               alt="Program Greenlands"
               className="rounded-1"
@@ -91,7 +89,6 @@ export default function ActionIndexPage() {
               rel="noreferrer"
             >
               <Image
-                priority
                 src={Insta}
                 alt="Instagram Greenlands"
                 className="rounded-1"
@@ -109,7 +106,6 @@ export default function ActionIndexPage() {
               rel="noreferrer"
             >
               <Image
-                priority
                 src={Program2}
                 alt="Program Greenlands"
                 className="rounded-1"
diff --git a/src/pages/plastic-people/index.tsx b/src/pages/plastic-people/index.tsx
index abba696..743d6a2 100644
--- a/src/pages/plastic-people/index.tsx
+++ b/src/pages/plastic-people/index.tsx
@@ -138,7 +138,6 @@ export default function ActionIndexPage() {
 
         <div className="relative block w-full md:w-11/12 lsm:max-w-600 lg:max-w-600 mx-auto mt-6 mb-6">
           <Image
-            priority
             src={Collaboration}
             alt="uilenstede banner"
             className="rounded-1"
diff --git a/src/pages/projects/[slug].tsx b/src/pages/projects/[slug].tsx
index dccf7d7..01ada52 100644
--- a/src/pages/projects/[slug].tsx
+++ b/src/pages/projects/[slug].tsx
@@ -31,7 +31,6 @@ export default function CrowdActionPage({ crowdAction, topParticipants }: any) {
 
       <div className="relative w-full min-h-[112px] lg:min-h-[210px]">
         <Image
-          priority
           src={`${staticUrl}${crowdAction.images.card}`}
           alt={crowdAction.title}
           className="absolute top-[-112px] lg:top-[-210px] left-[50%] transform translate-x-[-50%] h-[225px] lg:h-[420px] w-[350px] sm:w-[400px] lg:w-[744px] bg-white rounded-3xl"
diff --git a/src/pages/uilenstede/index.tsx b/src/pages/uilenstede/index.tsx
index f03fc99..9062646 100644
--- a/src/pages/uilenstede/index.tsx
+++ b/src/pages/uilenstede/index.tsx
@@ -30,7 +30,6 @@ export default function UilenstedeIndexPage() {
         </div>
         <div className="relative block w-full md:w-11/12 lg:w-208 mx-auto">
           <Image
-            priority
             src={Uilenstede_banner}
             alt="westland banner"
             className="rounded-1"
@@ -221,7 +220,6 @@ export default function UilenstedeIndexPage() {
 
         <div className="relative block w-full md:w-11/12 lsm:max-w-600 lg:max-w-600 mx-auto mt-6 mb-6">
           <Image
-            priority
             src={Uilenstede_map}
             alt="westland banner"
             className="rounded-1"
@@ -394,7 +392,6 @@ export default function UilenstedeIndexPage() {
 
         <div className="relative block w-full md:w-11/12 lsm:max-w-600 lg:max-w-600 mx-auto mt-6 mb-6">
           <Image
-            priority
             src={Collaboration}
             alt="uilenstede banner"
             className="rounded-1"
diff --git a/src/pages/veganuary/impact.tsx b/src/pages/veganuary/impact.tsx
index 8730212..75eb8db 100644
--- a/src/pages/veganuary/impact.tsx
+++ b/src/pages/veganuary/impact.tsx
@@ -117,7 +117,6 @@ function ImageCard({ card, index }: { card: ImageCard; index: number }) {
     >
       <div className="block w-full h-full overflow-hidden rounded-1">
         <Image
-          priority={index < 2}
           src={card.image}
           alt={card.bottom}
           placeholder="blur"
diff --git a/src/pages/veganuary/index.tsx b/src/pages/veganuary/index.tsx
index b97ca05..4703d7a 100644
--- a/src/pages/veganuary/index.tsx
+++ b/src/pages/veganuary/index.tsx
@@ -43,7 +43,6 @@ export default function VeganuaryPage({
 
             <div className="w-32 mx-auto relative leading-none">
               <Image
-                priority
                 src={CollActionLogoWithText}
                 alt="black CollAction logo with text"
                 placeholder="blur"
@@ -54,7 +53,6 @@ export default function VeganuaryPage({
 
           <div className="relative block w-full md:w-11/12 lg:w-208 mx-auto">
             <Image
-              priority
               src={Banner}
               alt="veganuary banner"
               className="rounded-1"
@@ -257,7 +255,6 @@ function ImageCard({ card, index }: { card: ImageCard; index: number }) {
     >
       <div className="block w-full h-full overflow-hidden rounded-1">
         <Image
-          priority={index < 2}
           src={card.image}
           alt={card.bottom}
           placeholder="blur"
diff --git a/src/pages/westland/index.tsx b/src/pages/westland/index.tsx
index e57cd51..a43dc09 100644
--- a/src/pages/westland/index.tsx
+++ b/src/pages/westland/index.tsx
@@ -41,7 +41,6 @@ export default function WestlandIndexPage() {
         </div>
         <div className="relative block w-full md:w-11/12 lg:w-208 mx-auto">
           <Image
-            priority
             src={WestlandBanner}
             alt="westland banner"
             className="rounded-1"
@@ -115,7 +114,6 @@ export default function WestlandIndexPage() {
 
         <div className="relative block w-full md:w-11/12 lsm:max-w-600 lg:max-w-600 mx-auto mt-6 mb-6">
           <Image
-            priority
             src={Winactie}
             alt="uilenstede banner"
             className="rounded-1"
@@ -307,7 +305,6 @@ export default function WestlandIndexPage() {
       </InfoCard>
       <div className="relative block w-full md:w-11/12 lg:w-208 mx-auto">
         <Image
-          priority
           src={WestlandBanner2}
           alt="westland banner"
           className="rounded-1"
@@ -376,7 +373,6 @@ function ImageCard({ card, index }: { card: ImageCard; index: number }) {
     >
       <div className="block w-full h-full overflow-hidden rounded-1">
         <Image
-          priority={index < 2}
           src={card.image}
           alt={card.bottom}
           placeholder="blur"