Forgot to add Image back

Author: edwardysun

apps/dashboard/src/app/(dashboard)/project-showcase/[slug]/page.tsx

@@ -1,4 +1,5 @@
 import { ExternalLink, FileText } from "lucide-react";
+import Image from "next/image";
 import Link from "next/link";
 import { Badge } from "../../../../@/components/ui/badge";
 import { Button } from "../../../../@/components/ui/button";
@@ -9,6 +10,8 @@ import {
   CardHeader,
   CardTitle,
 } from "../../../../@/components/ui/card";
+import { getThirdwebClient } from "../../../../@/constants/thirdweb.server";
+import { resolveSchemeWithErrorHandler } from "../../../../@/lib/resolveSchemeWithErrorHandler";
 import { PROJECT_SHOWCASE_DATA } from "../../../../lib/project-showcase-constants";
 
 export default async function DetailPage({
@@ -69,20 +72,20 @@ export default async function DetailPage({
           </div>
           <div className="md:w-1/2">
             <div className="relative aspect-video h-full w-full md:aspect-square">
-              {/* <Image
+              <Image
                 src={
                   project.image?.startsWith("ipfs://")
-                    ? ((await resolveSchemeWithErrorHandler({
-                        client: thirdwebClient,
+                    ? (resolveSchemeWithErrorHandler({
+                        client: getThirdwebClient(),
                         uri: project.image,
-                      })) ?? "")
+                      }) ?? "")
                     : (project.image ?? "/assets/showcase/default_image.png")
                 }
                 alt={`${project.title} Thumbnail`}
                 width={500}
                 height={500}
-                className="rounded-b-lg md:rounded-r-lg md:rounded-bl-none object-cover"
-              /> */}
+                className="rounded-b-lg object-cover md:rounded-r-lg md:rounded-bl-none"
+              />
             </div>
           </div>
         </div>

apps/dashboard/src/app/(dashboard)/project-showcase/page.tsx

@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import Image from "next/image";
 import Link from "next/link";
 import { Badge } from "../../../@/components/ui/badge";
 import {
@@ -16,6 +17,8 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from "../../../@/components/ui/pagination";
+import { getThirdwebClient } from "../../../@/constants/thirdweb.server";
+import { resolveSchemeWithErrorHandler } from "../../../@/lib/resolveSchemeWithErrorHandler";
 import {
   PROJECT_SHOWCASE_DATA,
   PROJECT_SHOWCASE_INDUSTRIES,
@@ -94,13 +97,21 @@ export default function ProjectShowcasePage({
                 className="block"
               >
                 <Card className="flex h-full cursor-pointer flex-col overflow-hidden transition-shadow hover:shadow-lg">
-                  {/* <Image
-                    src={project.image ?? "/assets/showcase/default_image.png"}
+                  <Image
+                    src={
+                      project.image?.startsWith("ipfs://")
+                        ? (resolveSchemeWithErrorHandler({
+                            client: getThirdwebClient(),
+                            uri: project.image,
+                          }) ?? "")
+                        : (project.image ??
+                          "/assets/showcase/default_image.png")
+                    }
                     alt={project.title}
                     width={300}
                     height={200}
                     className="h-48 w-full object-cover"
-                  /> */}
+                  />
                   <CardHeader>
                     <CardTitle className="mb-3">{project.title}</CardTitle>
                     <CardDescription>{project.description}</CardDescription>