Removed all usages of legacy next/image

dtran421 · Jan 17, 2024 · 7916655 · 7916655
1 parent 5a944e9
commit 7916655
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/app/blog/[slug]/blog-post-page.tsx b/src/app/blog/[slug]/blog-post-page.tsx
@@ -3,7 +3,7 @@
 
 "use client";
 
-import Image from "next/legacy/image";
+import Image from "next/image";
 import moment from "moment";
 import { FiTag } from "react-icons/fi";
 
@@ -42,9 +42,10 @@ const ProfileHeader = ({ publishDate, inspectorProps }: ProfileHeaderProps) => (
         </p>
       </section>
     </div>
-    <div>
+    {/* // TODO: implement this */}
+    {/* <div>
       <p>Also Published:</p>
-    </div>
+    </div> */}
   </div>
 );
 

diff --git a/src/components/Portfolio/LangProfile.tsx b/src/components/Portfolio/LangProfile.tsx
@@ -1,4 +1,4 @@
-import Image from "next/legacy/image";
+import Image from "next/image";
 
 export type LangProfileProps = {
   name: string;
@@ -11,7 +11,7 @@ const LangProfile = ({ name, imgSrc, accentColor, darkText }: LangProfileProps)
   <div id="lang-profile" className="flex flex-col items-center">
     <div className="flex justify-center mt-4 mb-2 bg-zinc-300/30 dark:bg-zinc-700/30 dark-transition backdrop-blur-md rounded-full shadow-xl p-5 lg:p-6 w-20 h-20 lg:w-24 lg:h-24">
       <div className="flex justify-center items-center">
-        <Image src={imgSrc} alt={`${name} logo`} width={54} height={54} layout="intrinsic" />
+        <Image src={imgSrc} alt={`${name} logo`} width={54} height={54} />
       </div>
     </div>
     <p

diff --git a/src/components/Projects/AppDemo/MobileImage.tsx b/src/components/Projects/AppDemo/MobileImage.tsx
@@ -1,4 +1,4 @@
-import Image from "next/legacy/image";
+import Image from "next/image";
 
 type MobileImageProps = {
   page: string | null;