Migrate: next/legacy/image -> next/image (#911)

Migrated All next/legacy/image instances to next/image succesfully as per the docs Co-authored-by: Kylee Fields <43586156+kyleecodes@users.noreply.github.com>
chaynHQ · May 19, 2024 · 1aaf5c4 · 1aaf5c4
1 parent 2f91449
commit 1aaf5c4
Show file tree

Hide file tree

Showing 28 changed files with 28 additions and 28 deletions.
diff --git a/components/cards/CourseCard.tsx b/components/cards/CourseCard.tsx
@@ -14,7 +14,7 @@ import {
 } from '@mui/material';
 import { ISbStoryData } from '@storyblok/react';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { useState } from 'react';
 import { PROGRESS_STATUS } from '../../constants/enums';

diff --git a/components/common/ContentUnavailable.tsx b/components/common/ContentUnavailable.tsx
@@ -1,6 +1,6 @@
 import { Box, Container, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import illustrationPerson4Peach from '../../public/illustration_person4_peach.svg';
 import { columnStyle } from '../../styles/common';
 import { TextNode } from '../../utils/helper-types/translations';

diff --git a/components/common/ImageTextColumn.tsx b/components/common/ImageTextColumn.tsx
@@ -1,6 +1,6 @@
 import { Box, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image, { StaticImageData } from 'next/legacy/image';
+import Image, { StaticImageData } from 'next/image';
 
 export interface ImageTextItem {
   text: string;

diff --git a/components/common/ImageTextGrid.tsx b/components/common/ImageTextGrid.tsx
@@ -1,6 +1,6 @@
 import { Box, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image, { StaticImageData } from 'next/legacy/image';
+import Image, { StaticImageData } from 'next/image';
 import { richtextContentStyle, rowStyle } from '../../styles/common';
 
 export interface ImageTextItem {

diff --git a/components/layout/Consent.tsx b/components/layout/Consent.tsx
@@ -1,7 +1,7 @@
 import { getAnalytics } from '@firebase/analytics';
 import { Box, Button, alpha, useMediaQuery, useTheme } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import React from 'react';
 import CookieConsent from 'react-cookie-consent';
 import { COOKIES_ACCEPTED, COOKIES_REJECTED } from '../../constants/events';

diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
@@ -5,7 +5,7 @@ import TwitterIcon from '@mui/icons-material/Twitter';
 import YoutubeIcon from '@mui/icons-material/YouTube';
 import { Box, Container, IconButton, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import { PARTNER_SOCIAL_LINK_CLICKED, SOCIAL_LINK_CLICKED } from '../../constants/events';

diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
@@ -2,7 +2,7 @@ import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
 import { Box, Container, IconButton, Typography } from '@mui/material';
 import { ISbRichtext } from '@storyblok/react';
 import { useTranslations } from 'next-intl';
-import Image, { StaticImageData } from 'next/legacy/image';
+import Image, { StaticImageData } from 'next/image';
 import { useRouter } from 'next/router';
 import { JSXElementConstructor, ReactElement, ReactNodeArray } from 'react';
 import { render } from 'storyblok-rich-text-react-renderer';

diff --git a/components/layout/HomeHeader.tsx b/components/layout/HomeHeader.tsx
@@ -2,7 +2,7 @@ import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
 import Typography from '@mui/material/Typography';
 import { useTranslations } from 'next-intl';
-import Image, { StaticImageData } from 'next/legacy/image';
+import Image, { StaticImageData } from 'next/image';
 import * as React from 'react';
 import { render } from 'storyblok-rich-text-react-renderer';
 import { columnStyle, rowStyle } from '../../styles/common';

diff --git a/components/layout/PartnerAdminHeader.tsx b/components/layout/PartnerAdminHeader.tsx
@@ -1,6 +1,6 @@
 import { Container, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image, { StaticImageData } from 'next/legacy/image';
+import Image, { StaticImageData } from 'next/image';
 import * as React from 'react';
 
 const headerContainerStyles = {

diff --git a/components/layout/PartnerHeader.tsx b/components/layout/PartnerHeader.tsx
@@ -1,6 +1,6 @@
 import { Box, Container } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image, { StaticImageData } from 'next/legacy/image';
+import Image, { StaticImageData } from 'next/image';
 import { rowStyle } from '../../styles/common';
 import UserResearchBanner from '../banner/UserResearchBanner';
 

diff --git a/components/layout/SecondaryNav.tsx b/components/layout/SecondaryNav.tsx
@@ -1,5 +1,5 @@
 import { Icon, Tab, Tabs } from '@mui/material';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import notesFromBloomIcon from '../../public/notes_from_bloom_icon.svg';
 import therapyIcon from '../../public/therapy_icon.svg';

diff --git a/components/layout/TopBar.tsx b/components/layout/TopBar.tsx
@@ -1,6 +1,6 @@
 import { AppBar, Box, Button, Container, Theme, useMediaQuery, useTheme } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import { HEADER_HOME_LOGO_CLICKED, HEADER_LOGIN_CLICKED } from '../../constants/events';

diff --git a/components/storyblok/StoryblokAccordion.tsx b/components/storyblok/StoryblokAccordion.tsx
@@ -8,7 +8,7 @@ import {
   Typography,
 } from '@mui/material';
 import { storyblokEditable } from '@storyblok/react';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { render } from 'storyblok-rich-text-react-renderer';
 import { ACCORDION_OPENED, generateAccordionEvent } from '../../constants/events';
 import logEvent from '../../utils/logEvent';

diff --git a/components/storyblok/StoryblokCard.tsx b/components/storyblok/StoryblokCard.tsx
@@ -12,7 +12,7 @@ import {
 import { Box } from '@mui/system';
 import { ISbRichtext, storyblokEditable } from '@storyblok/react';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useState } from 'react';
 import { render } from 'storyblok-rich-text-react-renderer';
 import { RichTextOptions } from '../../utils/richText';

diff --git a/components/storyblok/StoryblokFaqs.tsx b/components/storyblok/StoryblokFaqs.tsx
@@ -1,7 +1,7 @@
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import { Accordion, AccordionDetails, AccordionSummary, Box, Typography } from '@mui/material';
 import { ISbRichtext, storyblokEditable } from '@storyblok/react';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { render } from 'storyblok-rich-text-react-renderer';
 import { FAQ_OPENED } from '../../constants/events';
 import illustrationLeafMix from '../../public/illustration_leaf_mix.svg';

diff --git a/components/storyblok/StoryblokImage.tsx b/components/storyblok/StoryblokImage.tsx
@@ -1,6 +1,6 @@
 import { Box } from '@mui/system';
 import { storyblokEditable } from '@storyblok/react';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { richtextContentStyle } from '../../styles/common';
 
 interface StoryblokImageProps {

diff --git a/components/storyblok/StoryblokTeamMemberCard.tsx b/components/storyblok/StoryblokTeamMemberCard.tsx
@@ -3,7 +3,7 @@ import LanguageIcon from '@mui/icons-material/Language';
 import { Box, Card, CardActionArea, CardContent, Collapse, Typography } from '@mui/material';
 import { ISbRichtext, storyblokEditable } from '@storyblok/react';
 import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useState } from 'react';
 import { render } from 'storyblok-rich-text-react-renderer';
 import { columnStyle, rowStyle } from '../../styles/common';

diff --git a/constants/partners.ts b/constants/partners.ts
@@ -1,4 +1,4 @@
-import { StaticImageData } from 'next/legacy/image';
+import { StaticImageData } from 'next/image';
 import badooLogo from '../public/badoo_logo.svg';
 import bloomBadooLogo from '../public/bloom_badoo_logo.svg';
 import bloomBumbleLogo from '../public/bloom_bumble_logo.svg';

diff --git a/guards/partnerAdminGuard.tsx b/guards/partnerAdminGuard.tsx
@@ -1,7 +1,7 @@
 import { Container, Typography } from '@mui/material';
 import { Box } from '@mui/system';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useTranslations } from 'use-intl';
 import Link from '../components/common/Link';
 import { useTypedSelector } from '../hooks/store';

diff --git a/guards/superAdminGuard.tsx b/guards/superAdminGuard.tsx
@@ -1,7 +1,7 @@
 import { Container, Typography } from '@mui/material';
 import { Box } from '@mui/system';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useTranslations } from 'use-intl';
 import Link from '../components/common/Link';
 import { useTypedSelector } from '../hooks/store';

diff --git a/guards/therapyAccessGuard.tsx b/guards/therapyAccessGuard.tsx
@@ -1,7 +1,7 @@
 import { Container, Typography } from '@mui/material';
 import { Box } from '@mui/system';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useTranslations } from 'use-intl';
 import Link from '../components/common/Link';
 import { useTypedSelector } from '../hooks/store';

diff --git a/pages/404.tsx b/pages/404.tsx
@@ -2,7 +2,7 @@ import { Button, Container, Typography } from '@mui/material';
 import { Box } from '@mui/system';
 import { GetStaticPropsContext, NextPage } from 'next';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useTranslations } from 'use-intl';
 import Link from '../components/common/Link';
 import LoadingContainer from '../components/common/LoadingContainer';

diff --git a/pages/500.tsx b/pages/500.tsx
@@ -2,7 +2,7 @@ import { Button, Container, Typography } from '@mui/material';
 import { Box } from '@mui/system';
 import { GetStaticPropsContext, NextPage } from 'next';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useTranslations } from 'use-intl';
 import Link from '../components/common/Link';
 import LoadingContainer from '../components/common/LoadingContainer';

diff --git a/pages/account/apply-a-code.tsx b/pages/account/apply-a-code.tsx
@@ -2,7 +2,7 @@ import { Box, Card, CardContent, Container, Typography } from '@mui/material';
 import { GetStaticPropsContext, NextPage } from 'next';
 import { useTranslations } from 'next-intl';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useEffect, useState } from 'react';
 import Link from '../../components/common/Link';
 import ApplyCodeForm from '../../components/forms/ApplyCodeForm';

diff --git a/pages/auth/login.tsx b/pages/auth/login.tsx
@@ -11,7 +11,7 @@ import type { NextPage } from 'next';
 import { GetStaticPropsContext } from 'next';
 import { useTranslations } from 'next-intl';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { useEffect } from 'react';
 import Link from '../../components/common/Link';

diff --git a/pages/auth/register.tsx b/pages/auth/register.tsx
@@ -11,7 +11,7 @@ import type { NextPage } from 'next';
 import { GetStaticPropsContext } from 'next';
 import { useTranslations } from 'next-intl';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import Link from '../../components/common/Link';

diff --git a/pages/therapy/book-session.tsx b/pages/therapy/book-session.tsx
@@ -2,7 +2,7 @@ import { Box, Button, Container, Typography } from '@mui/material';
 import { GetStaticPropsContext, NextPage } from 'next';
 import { useTranslations } from 'next-intl';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import Script from 'next/script';
 import { useEffect, useState } from 'react';
 import { PartnerAccess } from '../../app/partnerAccessSlice';

diff --git a/pages/therapy/confirmed-session.tsx b/pages/therapy/confirmed-session.tsx
@@ -2,7 +2,7 @@ import { Box, Container, Typography } from '@mui/material';
 import { GetStaticPropsContext, NextPage } from 'next';
 import { useTranslations } from 'next-intl';
 import Head from 'next/head';
-import Image from 'next/legacy/image';
+import Image from 'next/image';
 import { useEffect, useState } from 'react';
 import { PartnerAccess } from '../../app/partnerAccessSlice';
 import Faqs from '../../components/common/Faqs';