diff --git a/src/assets/logo-en.svg b/src/assets/logo-en.svg
new file mode 100644
index 0000000..fee1b2d
--- /dev/null
+++ b/src/assets/logo-en.svg
@@ -0,0 +1,37 @@
+
+
\ No newline at end of file
diff --git a/src/assets/logo-fa.svg b/src/assets/logo-fa.svg
new file mode 100644
index 0000000..b4583fc
--- /dev/null
+++ b/src/assets/logo-fa.svg
@@ -0,0 +1,34 @@
+
+
\ No newline at end of file
diff --git a/src/assets/logo_icon.svg b/src/assets/logo_icon.svg
index 7f31134..2ca05f4 100644
--- a/src/assets/logo_icon.svg
+++ b/src/assets/logo_icon.svg
@@ -1,16 +1,12 @@
-
+
+
\ No newline at end of file
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index d931070..b747bac 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,6 +1,8 @@
-import LogoSvg from '@/assets/logo.svg';
+import LogoFaSvg from '@/assets/logo-fa.svg';
+import LogoEnSvg from '@/assets/logo-en.svg';
import LogoIconSvg from '@/assets/logo_icon.svg';
import { Box, type SxProps } from '@mui/material';
+import { useTranslation } from 'react-i18next';
interface LogoProps {
boxSx?: SxProps;
@@ -8,11 +10,13 @@ interface LogoProps {
}
function Logo({ boxSx, isIcon = false }: LogoProps) {
- // TODO: handle transition
+ const { i18n } = useTranslation();
+
+ const isFarsi = i18n.language === 'fa' || i18n.language === 'fa-IR';
return (