From 14a3ddebeb5e584229b259f72d6bce2931f974e2 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Mon, 12 Aug 2024 20:03:07 +0200
Subject: [PATCH] feat: disable Image optimization

---
 .../Objects/Modals/Activities/Create/NewActivity.tsx      | 8 ++++----
 apps/web/components/Onboarding/Onboarding.tsx             | 2 +-
 .../StyledElements/Titles/TypeOfContentTitle.tsx          | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/components/Objects/Modals/Activities/Create/NewActivity.tsx b/apps/web/components/Objects/Modals/Activities/Create/NewActivity.tsx
index 16201245..6fc09612 100644
--- a/apps/web/components/Objects/Modals/Activities/Create/NewActivity.tsx
+++ b/apps/web/components/Objects/Modals/Activities/Create/NewActivity.tsx
@@ -30,7 +30,7 @@ function NewActivityModal({
             }}
           >
             <div className="h-20 rounded-lg m-0.5 flex flex-col items-center justify-end text-center bg-white hover:cursor-pointer">
-              <Image quality={100} alt="Dynamic Page" src={DynamicPageActivityImage}></Image>
+              <Image unoptimized quality={100} alt="Dynamic Page" src={DynamicPageActivityImage}></Image>
             </div>
             <div className="flex text-sm h-5 font-medium text-gray-500 items-center justify-center text-center">
               Dynamic Page
@@ -42,7 +42,7 @@ function NewActivityModal({
             }}
           >
             <div className="h-20 rounded-lg m-0.5 flex flex-col items-center justify-end text-center bg-white hover:cursor-pointer">
-              <Image quality={100} alt="Video Page" src={VideoPageActivityImage}></Image>
+              <Image unoptimized quality={100} alt="Video Page" src={VideoPageActivityImage}></Image>
             </div>
             <div className="flex text-sm h-5 font-medium text-gray-500 items-center justify-center text-center">
               Video
@@ -54,7 +54,7 @@ function NewActivityModal({
             }}
           >
             <div className="h-20 rounded-lg m-0.5 flex flex-col items-center justify-end text-center bg-white hover:cursor-pointer">
-              <Image quality={100} alt="Document PDF Page" src={DocumentPdfPageActivityImage}></Image>
+              <Image unoptimized quality={100} alt="Document PDF Page" src={DocumentPdfPageActivityImage}></Image>
             </div>
             <div className="flex text-sm h-5 font-medium text-gray-500 items-center justify-center text-center">
               Document
@@ -66,7 +66,7 @@ function NewActivityModal({
             }}
           >
             <div className="h-20 rounded-lg m-0.5 flex flex-col items-center justify-end text-center bg-white hover:cursor-pointer">
-              <Image quality={100} alt="Assignment Page" src={AssignmentActivityImage}></Image>
+              <Image unoptimized quality={100} alt="Assignment Page" src={AssignmentActivityImage}></Image>
             </div>
             <div className="flex text-sm h-5 font-medium text-gray-500 items-center justify-center text-center">
               Assignments
diff --git a/apps/web/components/Onboarding/Onboarding.tsx b/apps/web/components/Onboarding/Onboarding.tsx
index 7872f751..9fd26726 100644
--- a/apps/web/components/Onboarding/Onboarding.tsx
+++ b/apps/web/components/Onboarding/Onboarding.tsx
@@ -213,7 +213,7 @@ const OnboardingScreen: React.FC<OnboardingScreenProps> = ({
     <div className='flex flex-col'>
       <div className='onboarding_screens flex-col px-4 py-4'>
         <div className='flex-grow rounded-xl'>
-          <Image className='mx-auto shadow-md shadow-gray-200 rounded-lg aspect-auto' alt='' priority quality={100} src={step.imageSrc} />
+          <Image unoptimized className='mx-auto shadow-md shadow-gray-200 rounded-lg aspect-auto' alt='' priority quality={100} src={step.imageSrc} />
         </div>
         <div className='grid grid-flow-col justify-stretch space-x-3 mt-4'>
           {onboardingData.map((_, index) => (
diff --git a/apps/web/components/StyledElements/Titles/TypeOfContentTitle.tsx b/apps/web/components/StyledElements/Titles/TypeOfContentTitle.tsx
index 6cfebe68..e7011cb1 100644
--- a/apps/web/components/StyledElements/Titles/TypeOfContentTitle.tsx
+++ b/apps/web/components/StyledElements/Titles/TypeOfContentTitle.tsx
@@ -17,7 +17,7 @@ function TypeOfContentTitle(props: { title: string; type: string }) {
   return (
     <div className="home_category_title flex my-5 items-center">
       <div className="ml-2 rounded-full ring-1 ring-slate-900/5 shadow-inner p-2 my-auto mr-4">
-        <Image className="" src={getLogo()} alt="Courses logo" />
+        <Image unoptimized className="" src={getLogo()} alt="Courses logo" />
       </div>
       <h1 className="font-bold text-2xl">{props.title}</h1>
     </div>