refactor: change next-image to img

Iam-DeepakVel · Dec 21, 2023 · 68605af · 68605af
1 parent 1d618dc
commit 68605af
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 39 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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">