Remove next Image usage

Haaxor1689 · Oct 25, 2024 · 12b9d00 · 12b9d00
1 parent 41db9af
commit 12b9d00
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/styled/SpellIcon.tsx b/src/components/styled/SpellIcon.tsx
@@ -1,6 +1,6 @@
+/* eslint-disable @next/next/no-img-element */
 import cls from 'classnames';
 import { forwardRef } from 'react';
-import Image from 'next/image';
 
 import { getIconPath } from '~/utils';
 
@@ -56,22 +56,22 @@ const SpellIcon = forwardRef<HTMLButtonElement, Props>(
 				{...props}
 			>
 				{showDefault || icon ? (
-					<Image
+					<img
 						src={getIconPath(icon ?? undefined)}
 						alt={!icon ? 'empty' : icon}
 						width={size}
 						height={size}
 					/>
 				) : (
-					<Image
+					<img
 						src="/icon_frame.png"
 						alt="frame"
 						width={size}
 						height={size}
 						className={cls('absolute inset-0', frameClass)}
 					/>
 				)}
-				<Image
+				<img
 					className={cls('absolute inset-0 p-[5%]', {
 						'group-hover:block group-focus:block': isClickable,
 						'hidden': !selected,
@@ -84,7 +84,7 @@ const SpellIcon = forwardRef<HTMLButtonElement, Props>(
 				/>
 
 				{highlighted && (
-					<Image
+					<img
 						className={cls('absolute inset-0 scale-125 ')}
 						src="/icon_hover.png"
 						alt="hover"