-
- Monynha.com
-
+
+
+ Monynha.com
+
+
{t('footer.tagline')}
@@ -190,7 +190,7 @@ const Footer = () => {
{t('footer.madeWith')}
-
+
{t('footer.andPride')}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index acd3d60..5e791b1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -6,6 +6,7 @@ import { cn } from '@/lib/utils';
import { useTranslation } from 'react-i18next';
import { useAuth } from '@/hooks/useAuth';
import LanguageSwitcher from './LanguageSwitcher';
+import { LogoIcon, HeartIcon } from '@/components/icons';
const Header = () => {
const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -30,16 +31,13 @@ const Header = () => {
to="/"
className="flex items-center space-x-3 hover:opacity-80 transition-opacity ease-in-out duration-300"
>
-
-
M
+
+
+
+ Monynha
+
+
-
{/* Desktop Navigation */}
diff --git a/src/components/icons/HeartIcon.tsx b/src/components/icons/HeartIcon.tsx
new file mode 100644
index 0000000..1c54695
--- /dev/null
+++ b/src/components/icons/HeartIcon.tsx
@@ -0,0 +1,24 @@
+import { SVGProps } from 'react';
+
+interface HeartIconProps extends SVGProps
{
+ size?: number;
+}
+
+export const HeartIcon = ({ size = 24, className, ...props }: HeartIconProps) => {
+ return (
+
+ );
+};
+
+export default HeartIcon;
diff --git a/src/components/icons/LogoIcon.tsx b/src/components/icons/LogoIcon.tsx
new file mode 100644
index 0000000..6158e68
--- /dev/null
+++ b/src/components/icons/LogoIcon.tsx
@@ -0,0 +1,59 @@
+import { SVGProps } from 'react';
+
+interface LogoIconProps extends SVGProps {
+ size?: number;
+ variant?: 'gradient' | 'solid';
+}
+
+export const LogoIcon = ({
+ size = 40,
+ variant = 'gradient',
+ className,
+ ...props
+}: LogoIconProps) => {
+ const gradientId = `logo-grad-${Math.random().toString(36).substr(2, 9)}`;
+
+ return (
+
+ );
+};
+
+export default LogoIcon;
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
new file mode 100644
index 0000000..0cc3c82
--- /dev/null
+++ b/src/components/icons/index.ts
@@ -0,0 +1,2 @@
+export { HeartIcon } from './HeartIcon';
+export { LogoIcon } from './LogoIcon';
From a737e94c8437480c291f4caf3b6aa6b326d8502c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 1 Nov 2025 21:07:27 +0000
Subject: [PATCH 3/3] Fix code review issues: use useId() for gradient IDs and
remove default exports
Co-authored-by: marcelo-m7 <117441129+marcelo-m7@users.noreply.github.com>
---
src/components/icons/HeartIcon.tsx | 2 --
src/components/icons/LogoIcon.tsx | 6 ++----
2 files changed, 2 insertions(+), 6 deletions(-)
diff --git a/src/components/icons/HeartIcon.tsx b/src/components/icons/HeartIcon.tsx
index 1c54695..54567ba 100644
--- a/src/components/icons/HeartIcon.tsx
+++ b/src/components/icons/HeartIcon.tsx
@@ -20,5 +20,3 @@ export const HeartIcon = ({ size = 24, className, ...props }: HeartIconProps) =>
);
};
-
-export default HeartIcon;
diff --git a/src/components/icons/LogoIcon.tsx b/src/components/icons/LogoIcon.tsx
index 6158e68..91b3012 100644
--- a/src/components/icons/LogoIcon.tsx
+++ b/src/components/icons/LogoIcon.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import { SVGProps, useId } from 'react';
interface LogoIconProps extends SVGProps {
size?: number;
@@ -11,7 +11,7 @@ export const LogoIcon = ({
className,
...props
}: LogoIconProps) => {
- const gradientId = `logo-grad-${Math.random().toString(36).substr(2, 9)}`;
+ const gradientId = `logo-grad-${useId()}`;
return (