From 68605aff6862fb01f4f25833f0804fdfa8d1959f Mon Sep 17 00:00:00 2001
From: Iam-DeepakVel <deepak.vel82@gmail.com>
Date: Thu, 21 Dec 2023 23:46:01 +0530
Subject: [PATCH] refactor: change next-image to img

---
 .../dashboard/[guildId]/greet/[target]/page.tsx          | 8 ++------
 .../dashboard/[guildId]/logger/[target]/page.tsx         | 8 ++------
 app/(landing)/page.tsx                                   | 4 +---
 app/(servers)/servers/page.tsx                           | 9 +++------
 components/navbar.tsx                                    | 4 +---
 components/profile-dropdown.tsx                          | 4 +---
 .../template-builders/embed-builder/EmbedBuilderForm.tsx | 4 +---
 .../embed-builder/EmbedBuilderPreview.tsx                | 4 +---
 .../plain-message-builder/PlainMessageBuilder.tsx        | 8 ++------
 9 files changed, 14 insertions(+), 39 deletions(-)

diff --git a/app/(features)/dashboard/[guildId]/greet/[target]/page.tsx b/app/(features)/dashboard/[guildId]/greet/[target]/page.tsx
index f09cc96..e6edc77 100644
--- a/app/(features)/dashboard/[guildId]/greet/[target]/page.tsx
+++ b/app/(features)/dashboard/[guildId]/greet/[target]/page.tsx
@@ -437,12 +437,10 @@ const GreetTargetPage = () => {
                       </div>
 
                       <div className="flex items-start gap-2">
-                        <Image
+                        <img
                           className="h-11 w-auto rounded-full mt-1"
                           src="/assets/images/kitty-chan-logo.jpg"
                           alt="kitty chan logo"
-                          width={500}
-                          height={500}
                         />
                         <div>
                           <div className="flex items-center gap-2">
@@ -531,12 +529,10 @@ const GreetTargetPage = () => {
                       </div>
 
                       <div className="flex items-start gap-2">
-                        <Image
+                        <img
                           className="h-11 w-auto rounded-full mt-1"
                           src="/assets/images/kitty-chan-logo.jpg"
                           alt="kitty chan logo"
-                          width={500}
-                          height={500}
                         />
                         <div>
                           <div className="flex items-center gap-2">
diff --git a/app/(features)/dashboard/[guildId]/logger/[target]/page.tsx b/app/(features)/dashboard/[guildId]/logger/[target]/page.tsx
index 693faac..58dcb7e 100644
--- a/app/(features)/dashboard/[guildId]/logger/[target]/page.tsx
+++ b/app/(features)/dashboard/[guildId]/logger/[target]/page.tsx
@@ -522,12 +522,10 @@ const LoggerTargetPage = () => {
                       </div>
 
                       <div className="flex items-start gap-2">
-                        <Image
+                        <img
                           className="h-11 w-auto rounded-full mt-1"
                           src="/assets/images/kitty-chan-logo.jpg"
                           alt="kitty chan logo"
-                          width={500}
-                          height={500}
                         />
                         <div>
                           <div className="flex items-center gap-2">
@@ -616,12 +614,10 @@ const LoggerTargetPage = () => {
                       </div>
 
                       <div className="flex items-start gap-2">
-                        <Image
+                        <img
                           className="h-11 w-auto rounded-full mt-1"
                           src="/assets/images/kitty-chan-logo.jpg"
                           alt="kitty chan logo"
-                          width={500}
-                          height={500}
                         />
                         <div>
                           <div className="flex items-center gap-2">
diff --git a/app/(landing)/page.tsx b/app/(landing)/page.tsx
index 365d7f2..96e7e15 100644
--- a/app/(landing)/page.tsx
+++ b/app/(landing)/page.tsx
@@ -44,10 +44,8 @@ export default function LandingPage() {
           )}
         </div>
         <div className="md:absolute right-24 place-self-center  -mt-28 -ml-10">
-          <Image
+          <img
             src="/assets/images/kitty-chan-logo.png"
-            width={350}
-            height={350}
             alt="kitty chan"
             className="relative"
           />
diff --git a/app/(servers)/servers/page.tsx b/app/(servers)/servers/page.tsx
index 1d438b0..7f3314f 100644
--- a/app/(servers)/servers/page.tsx
+++ b/app/(servers)/servers/page.tsx
@@ -54,10 +54,8 @@ const ServersPage = () => {
           <div className="col-span-3 px-4 sm:px-6 lg:px-8 py-6">
             <div className="flex items-center gap-4 mb-8">
               <p className="text-2xl md:text-4xl font-bold ">Your Servers</p>
-              <Image
+              <img
                 src="/assets/images/discord-avatar-2.png"
-                width={350}
-                height={350}
                 alt="kitty chan"
                 className="h-12 w-auto md:hidden"
               />
@@ -92,10 +90,9 @@ const ServersPage = () => {
               </ul>
             )}
           </div>
-          <Image
+          <img
             src="/assets/images/discord-avatar-2.png"
-            width={350}
-            height={350}
+
             alt="kitty chan"
             className="hidden md:block sticky col-span-2 top-0"
           />
diff --git a/components/navbar.tsx b/components/navbar.tsx
index d3ebe2c..51b6d2d 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -25,11 +25,9 @@ const Navbar = ({
       )}
     >
       <Link href="/" className="flex items-center gap-1 md:gap-3">
-        <Image
+        <img
           src="/assets/images/kitty-chan-logo.jpg"
           alt="kitty chan"
-          width={100}
-          height={100}
           className="rounded-full h-12 md:h-12 w-auto"
         />
         <h2 className="font-extrabold text-xl md:text-2xl">kitty chan</h2>
diff --git a/components/profile-dropdown.tsx b/components/profile-dropdown.tsx
index 4bc4605..8ed0ead 100644
--- a/components/profile-dropdown.tsx
+++ b/components/profile-dropdown.tsx
@@ -28,7 +28,7 @@ const ProfileDropdown = ({ userDetails }: ProfileDropdownType) => {
           <p className="font-semibold text-white lg:flex">
             {userDetails.discord.global_name}
           </p>
-          <Image
+          <img
             src={`${
               userDetails
                 ? `https://cdn.discordapp.com/avatars/${userDetails.discord.id}/${userDetails.discord.avatar}.png`
@@ -37,8 +37,6 @@ const ProfileDropdown = ({ userDetails }: ProfileDropdownType) => {
 `}
             alt="avatar"
             className="h-auto w-12 rounded-full"
-            width={500}
-            height={500}
           />
         </div>
       </DropdownMenuTrigger>
diff --git a/components/template-builders/embed-builder/EmbedBuilderForm.tsx b/components/template-builders/embed-builder/EmbedBuilderForm.tsx
index 5d73f30..281328f 100644
--- a/components/template-builders/embed-builder/EmbedBuilderForm.tsx
+++ b/components/template-builders/embed-builder/EmbedBuilderForm.tsx
@@ -263,11 +263,9 @@ const EmbedBuilderForm = ({
               className="flex cursor-pointer items-center justify-center rounded-md"
               onClick={() => setDisplayColorPicker(!displayColorPicker)}
             >
-              <Image
+              <img
                 src="/assets/icons/color-palette.svg"
                 alt="Color Palette"
-                width={200}
-                height={200}
                 className="h-8 w-8 mt-2"
               />
             </div>
diff --git a/components/template-builders/embed-builder/EmbedBuilderPreview.tsx b/components/template-builders/embed-builder/EmbedBuilderPreview.tsx
index 11eb8e8..a70c792 100644
--- a/components/template-builders/embed-builder/EmbedBuilderPreview.tsx
+++ b/components/template-builders/embed-builder/EmbedBuilderPreview.tsx
@@ -36,11 +36,9 @@ const EmbedBuilderPreview = ({
     <div className="bg-neutral-900">
       {/* Embed Preview text section */}
       <div className="mb-4 flex items-center gap-4">
-        <Image
+        <img
           src="/assets/images/discord-logo.svg"
           alt="Discord logo"
-          width={200}
-          height={200}
           className="h-10 w-10 object-contain"
         />
         <h2 className="font-semibold text-white">Preview</h2>
diff --git a/components/template-builders/plain-message-builder/PlainMessageBuilder.tsx b/components/template-builders/plain-message-builder/PlainMessageBuilder.tsx
index 68eda07..323393f 100644
--- a/components/template-builders/plain-message-builder/PlainMessageBuilder.tsx
+++ b/components/template-builders/plain-message-builder/PlainMessageBuilder.tsx
@@ -140,23 +140,19 @@ const PlainMessageBuilder = ({
       {/* Preview Container */}
       <div className="top-0 order-1 w-full bg-neutral-900 p-4 md:sticky md:order-2 rounded-xl">
         <div className="mb-4 flex items-center gap-2">
-          <Image
+          <img
             src="/assets/images/discord-logo.svg"
             alt="Discord logo"
-            width={200}
-            height={200}
             className="h-10 w-10 object-contain"
           />
           <h2 className="font-semibold text-white">Template Preview</h2>
         </div>
 
         <div className="relative flex h-auto w-full items-start gap-2 rounded-md bg-neutral-950 px-4 py-4 shadow-xl">
-          <Image
+          <img
             className="h-12 w-auto rounded-full"
             src="/assets/images/kitty-chan-logo.jpg"
             alt="kitty chan logo"
-            width={500}
-            height={500}
           />
           <div className="w-full mt-[1px]">
             <div className="flex items-center gap-2">