Skip to content

Commit

Permalink
Remove the use of next Image
Browse files Browse the repository at this point in the history
  • Loading branch information
yvonnetangsu committed Aug 30, 2023
1 parent 44cd07b commit 2f50c09
Show file tree
Hide file tree
Showing 7 changed files with 9 additions and 16 deletions.
3 changes: 1 addition & 2 deletions components/BracketCard/BracketCard.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { HTMLAttributes } from 'react';
import Image from 'next/image';
import { cnb } from 'cnbuilder';
import { AnimateInView } from '../Animate';
import { Bracket } from '../Bracket';
Expand Down Expand Up @@ -77,7 +76,7 @@ export const BracketCard = ({
<Grid sm={12} className={styles.imageGrid(textOnLeft)}>
<div className={styles.imageWrapper(textOnLeft)}>
<div className={styles.imageAspectRatio}>
<Image
<img
width={900}
height={750}
src={getProcessedImage(imageSrc, '900x750', imageFocus)}
Expand Down
3 changes: 1 addition & 2 deletions components/InitiativeCard/InitiativeCard.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { HTMLAttributes } from 'react';
import Image from 'next/image';
import { cnb } from 'cnbuilder';
import { AnimateInView, type AnimationType } from '../Animate';
import { CtaLink } from '../Cta/CtaLink';
Expand Down Expand Up @@ -47,7 +46,7 @@ export const InitiativeCard = ({
>
<div className={styles.topWrapper}>
<div className={styles.imageWrapper}>
<Image
<img
width={600}
height={800}
alt=""
Expand Down
3 changes: 1 addition & 2 deletions components/LocalFooter/LocalFooter.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import Image from 'next/image';
import { Paragraph, Heading, Text } from '../Typography';
import { Container } from '../Container';
import { Grid } from '../Grid';
Expand All @@ -10,7 +9,7 @@ import { initiatives, themes } from '@/utilities/routes';

export const LocalFooter = () => (
<>
<Image
<img
width={2000}
height={40}
alt=""
Expand Down
3 changes: 1 addition & 2 deletions components/Storyblok/SbBasicPage.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
import Image from 'next/image';
import { CreateBloks } from '../CreateBloks';
import { Hero } from '../Hero/Hero';
import { Masthead } from '../Masthead';
Expand Down Expand Up @@ -33,7 +32,7 @@ export const SbBasicPage = ({
<Hero heading={title} />
<CreateBloks blokSection={content} />
{getNumBloks(ankle) > 0 && (
<Image
<img
width={2000}
height={40}
alt=""
Expand Down
5 changes: 2 additions & 3 deletions components/Storyblok/SbHomepage.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
import Image from 'next/image';
import { CreateBloks } from '../CreateBloks';
import { Heading } from '../Typography';
import { HomepageHero } from '../Homepage/HomepageHero';
Expand Down Expand Up @@ -63,7 +62,7 @@ export const SbHomepagePage = ({
<div>
<Heading as="h1" srOnly>{title || 'Homepage'}</Heading>
<HomepageHero />
<Image
<img
width={2000}
height={40}
alt=""
Expand Down Expand Up @@ -95,7 +94,7 @@ export const SbHomepagePage = ({
</FindPurposeSection>
<CreateBloks blokSection={content} />
{getNumBloks(ankle) > 0 && (
<Image
<img
width={2000}
height={40}
alt=""
Expand Down
5 changes: 2 additions & 3 deletions components/Storyblok/SbStory.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
import Image from 'next/image';
import { CreateBloks } from '@/components/CreateBloks';
import { Masthead } from '@/components/Masthead';
import { StoryHero, type StoryHeroProps } from '@/components/Hero';
Expand Down Expand Up @@ -68,7 +67,7 @@ export const SbStory = ({
tabColor={tabColor}
topics={topics}
/>
<Image
<img
width={2000}
height={40}
alt=""
Expand Down Expand Up @@ -101,7 +100,7 @@ export const SbStory = ({
</>
)}
{getNumBloks(blok.ankle) > 0 && (
<Image
<img
width={2000}
height={40}
alt=""
Expand Down
3 changes: 1 addition & 2 deletions components/VerticalCard/VerticalCard.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { cnb } from 'cnbuilder';
import Image from 'next/image';
import { AnimateInView, type AnimationType } from '../Animate';
import { CtaLink } from '../Cta/CtaLink';
import { Heading, type HeadingType, Paragraph } from '../Typography';
Expand Down Expand Up @@ -56,7 +55,7 @@ export const VerticalCard = ({
<div className={styles.cardWrapper}>
{imageSrc && (
<div className={styles.imageWrapper}>
<Image
<img
alt=""
width={600}
height={600}
Expand Down

0 comments on commit 2f50c09

Please sign in to comment.