Fix imgClassName typo

wwWallet · Jan 7, 2025 · 24aaca7 · 24aaca7
1 parent 030725b
commit 24aaca7
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Auth/LoginLayout.tsx b/src/components/Auth/LoginLayout.tsx
@@ -9,7 +9,7 @@ export default function LoginLayout({ children, heading }: { children: React.Rea
 	return (
 		<section className="bg-gray-100 dark:bg-gray-900 min-h-dvh flex flex-col">
 			<div className="flex-grow flex flex-col items-center justify-center px-6 py-8">
-				<Logo aClassName='mb-6' imglassName='w-40' />
+				<Logo aClassName='mb-6' imgClassName='w-40' />
 
 				<h1 className="text-3xl mb-7 font-bold leading-tight tracking-tight text-gray-900 text-center dark:text-white">
 					{heading}

diff --git a/src/components/Layout/Header.js b/src/components/Layout/Header.js
@@ -27,7 +27,7 @@ const Header = () => {
 		<header className={`sticky top-0 z-50 w-full bg-primary dark:bg-primary-hover text-white flex items-center justify-between shadow-md md:hidden rounded-b-lg transition-all duration-300 ${isScrolled ? 'p-3' : 'p-4'}`}>
 			<ConnectionStatusIcon size={isScrolled ? 'small' : 'normal'} className="transition-all duration-300" />
 			<div className="flex items-center">
-				<Logo type='white' aClassName='mr-2' imglassName={`cursor-pointer transition-all duration-300 ${isScrolled ? 'w-7' : 'w-10'}`} />
+				<Logo type='white' aClassName='mr-2' imgClassName={`cursor-pointer transition-all duration-300 ${isScrolled ? 'w-7' : 'w-10'}`} />
 				<a href="/" className={`text-white font-bold cursor-pointer transition-all duration-300 ${isScrolled ? 'text-sm' : 'text-xl'}`}>
 					{t('common.walletName')}
 				</a>

diff --git a/src/components/Layout/Navigation/Sidebar.js b/src/components/Layout/Navigation/Sidebar.js
@@ -65,7 +65,7 @@ const Sidebar = ({ isOpen, toggle }) => {
 			<div style={{ display: 'flex', flexDirection: 'column' }} className="flex flex-col space-between">
 				<div className="md:hidden flex items-center justify-between mb-4">
 					<div className='flex items-center'>
-						<Logo type='white' aClassName='mr-2' imglassName='w-10 h-auto' />
+						<Logo type='white' aClassName='mr-2' imgClassName='w-10 h-auto' />
 						<a href={('/')}
 							className="text-white text-xl font-bold cursor-pointer"
 						>
@@ -75,7 +75,7 @@ const Sidebar = ({ isOpen, toggle }) => {
 				</div>
 				<div>
 					<div className="hidden md:flex justify-between items-center">
-						<Logo type='white' aClassName='mb-2 mr-2' imglassName='w-20 h-22' />
+						<Logo type='white' aClassName='mb-2 mr-2' imgClassName='w-20 h-22' />
 						<a href={('/')}
 							className="text-white text-xl font-bold cursor-pointer"
 						>

diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
@@ -8,13 +8,13 @@ import { useTranslation } from 'react-i18next';
 interface LogoProps {
 	type?: string; // Determines the type of logo (classic or white)
 	aClassName?: string; // Class for the <a> element
-	imglassName?: string; // Class for the <img> element
+	imgClassName?: string; // Class for the <img> element
 }
 
 const Logo: React.FC<LogoProps> = ({
 	type = 'classic',
 	aClassName = '',
-	imglassName = '',
+	imgClassName = '',
 }) => {
 	const [isChristmasSeason, setIsChristmasSeason] = useState(false);
 	const { t } = useTranslation();
@@ -51,7 +51,7 @@ const Logo: React.FC<LogoProps> = ({
 
 	return (
 		<a href="/" className={aClassName} aria-label={t('common.walletName')}>
-			<img src={logoSrc} alt={t('common.walletName')} className={imglassName} />
+			<img src={logoSrc} alt={t('common.walletName')} className={imgClassName} />
 		</a>
 	);
 };

diff --git a/src/pages/NotFound/NotFound.js b/src/pages/NotFound/NotFound.js
@@ -16,7 +16,7 @@ const NotFound = () => {
 	return (
 		<section className="bg-gray-100 dark:bg-gray-900">
 			<div className="flex flex-col items-center justify-center px-6 py-8 mx-auto min-h-dvh">
-				<Logo aClassName='mb-6' imglassName='w-40' />
+				<Logo aClassName='mb-6' imgClassName='w-40' />
 				<h1 className="text-xl mb-7 font-bold leading-tight tracking-tight text-gray-900 md:text-2xl text-center dark:text-white">
 					{t('common.walletName')}
 				</h1>