fix: sonar cloud issue

lzaycoe · Feb 8, 2025 · fefdd69 · fefdd69
1 parent d2cbf22
commit fefdd69
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 21 deletions.
diff --git a/src/components/commons/Header.tsx b/src/components/commons/Header.tsx
@@ -23,6 +23,7 @@ import {
 	PiUserCircleDuotone,
 } from 'react-icons/pi';
 
+import MenuItem from '@/components/commons/MenuItem';
 import { Button } from '@/components/ui/button';
 import {
 	DropdownMenu,
@@ -58,27 +59,6 @@ export const Header = () => {
 		{ label: 'Sign Out', icon: PiArrowCircleRightDuotone, action: signOut },
 	];
 
-	const MenuItem = ({
-		label,
-		icon: Icon,
-		action,
-	}: {
-		label: string;
-		icon: React.ComponentType<{
-			className?: string;
-			style?: React.CSSProperties;
-		}>;
-		action: () => void;
-	}) => (
-		<DropdownMenuItem onClick={action} className="text-base">
-			<Icon
-				className="text-orange-500"
-				style={{ width: '2rem', height: '2rem' }}
-			/>
-			{label}
-		</DropdownMenuItem>
-	);
-
 	return (
 		<div className="flex flex-col justify-center items-center sticky top-0 z-50 bg-neutral-800">
 			<nav

diff --git a/src/components/commons/MenuItem.tsx b/src/components/commons/MenuItem.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+
+import { DropdownMenuItem } from '@/components/ui/dropdown-menu';
+
+interface MenuItemProps {
+	label: string;
+	icon: React.ComponentType<{
+		className?: string;
+		style?: React.CSSProperties;
+	}>;
+	action: () => void;
+}
+
+const MenuItem: React.FC<MenuItemProps> = ({ label, icon: Icon, action }) => (
+	<DropdownMenuItem onClick={action} className="text-base">
+		<Icon
+			className="text-orange-500"
+			style={{ width: '2rem', height: '2rem' }}
+		/>
+		{label}
+	</DropdownMenuItem>
+);
+
+export default MenuItem;