Add sizes property to next/image in project pages (#1013)

* add id to h1 in cdcp-apply page * set remotePatterns domain to support canada.ca subdomains * add sizes property to next/image on project pages
DTS-STN · May 2, 2024 · b0218d7 · b0218d7
1 parent 11963a2
commit b0218d7
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 0 deletions.
diff --git a/pages/projects/benefits-navigator/index.js b/pages/projects/benefits-navigator/index.js
@@ -267,6 +267,7 @@ export default function BenefitsNavigatorOverview(props) {
                       width={pageData.scFragments[0].scImageEn.width}
                       height={pageData.scFragments[0].scImageEn.height}
                       priority
+                      sizes="33vw"
                     />
                   </div>
                 </div>
@@ -409,6 +410,7 @@ export default function BenefitsNavigatorOverview(props) {
                       pageData.scFragments[4].scFragments[0].scFragments[0]
                         .scImageEn.width
                     }
+                    sizes="100vw"
                   />
                 </div>
                 <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">
@@ -497,6 +499,7 @@ export default function BenefitsNavigatorOverview(props) {
                       pageData.scFragments[4].scFragments[1].scFragments[0]
                         .scImageEn.width
                     }
+                    sizes="100vw"
                   />
                 </div>
                 <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">
@@ -585,6 +588,7 @@ export default function BenefitsNavigatorOverview(props) {
                       pageData.scFragments[4].scFragments[2].scFragments[0]
                         .scImageEn.width
                     }
+                    sizes="100vw"
                   />
                 </div>
                 <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">

diff --git a/pages/projects/dashboard/index.js b/pages/projects/dashboard/index.js
@@ -234,6 +234,7 @@ export default function MscaDashboard(props) {
                       height={pageData.scFragments[1].scImageEn.height}
                       width={pageData.scFragments[1].scImageEn.width}
                       priority
+                      sizes="33vw"
                     />
                   </div>
                 </div>
@@ -400,6 +401,7 @@ export default function MscaDashboard(props) {
                         pageData.scFragments[5].scFragments[0].scFragments[0]
                           .scImageEn.width
                       }
+                      sizes="100vw"
                     />
                   </div>
                   <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">
@@ -481,6 +483,7 @@ export default function MscaDashboard(props) {
                         pageData.scFragments[5].scFragments[1].scFragments[0]
                           .scImageEn.width
                       }
+                      sizes="100vw"
                     />
                   </div>
                   <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">
@@ -562,6 +565,7 @@ export default function MscaDashboard(props) {
                         pageData.scFragments[5].scFragments[0].scFragments[0]
                           .scImageEn.width
                       }
+                      sizes="100vw"
                     />
                   </div>
                   <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">
@@ -671,6 +675,7 @@ export default function MscaDashboard(props) {
                         pageData.scFragments[5].scFragments[3].scFragments[0]
                           .scImageEn.width
                       }
+                      sizes="100vw"
                     />
                   </div>
                   <div className="col-span-12 row-start-3 xl:col-span-4 xl:row-start-1">

diff --git a/pages/projects/digital-standards-playbook/index.js b/pages/projects/digital-standards-playbook/index.js
@@ -261,6 +261,7 @@ export default function DigitalStandardsPlaybookPage(props) {
                       height={pageData.scFragments[2].scImageEn.height}
                       width={pageData.scFragments[2].scImageEn.width}
                       priority
+                      sizes="33vw"
                     />
                   </div>
                 </div>

diff --git a/pages/projects/making-easier-get-benefits/index.js b/pages/projects/making-easier-get-benefits/index.js
@@ -263,6 +263,7 @@ export default function IntegratedChannelStrategyPage(props) {
                       height={pageData.scFragments[2].scImageEn.height}
                       width={pageData.scFragments[2].scImageEn.width}
                       priority
+                      sizes="33vw"
                     />
                   </div>
                 </div>

diff --git a/pages/projects/oas-benefits-estimator/index.js b/pages/projects/oas-benefits-estimator/index.js
@@ -262,6 +262,7 @@ export default function OasBenefitsEstimator(props) {
                       height={pageData.scFragments[1].scImageEn.height}
                       width={pageData.scFragments[1].scImageEn.width}
                       priority
+                      sizes="33vw"
                     />
                   </div>
                 </div>