{
- const { t } = useLanguage();
+ const { t, language } = useLanguage();
const projects = [
{
id: 1,
@@ -184,7 +184,7 @@ const Projects = () => {
{project.links.demo !== "#" && (
project.links.demo.startsWith('/') ? (
-
+
{
- const { t } = useLanguage();
+ const { t, language } = useLanguage();
const containerVariants = {
hidden: { opacity: 0 },
@@ -248,7 +248,7 @@ const TravelMate = () => {
{t('policies.title')}
= ({ children }) => {
- const [language, setLanguage] = useState('fr');
+ const { lang } = useParams<{ lang: string }>();
+ const navigate = useNavigate();
+ const location = useLocation();
+
+ // Validate language, default to 'fr' if undefined or invalid (though App.tsx handles defaults)
+ const currentLanguage: Language = (lang === 'en' || lang === 'fr') ? lang : 'fr';
+
+ const setLanguage = (newLang: Language) => {
+ if (newLang === currentLanguage) return;
+
+ // Replace the language segment in the URL
+ // Assumes the first segment is the language
+ const currentPath = location.pathname;
+ const segments = currentPath.split('/');
+ // segments[0] is empty string (before first slash)
+ // segments[1] is the language
+ if (segments[1] === 'fr' || segments[1] === 'en') {
+ segments[1] = newLang;
+ } else {
+ // Should not happen if routing is correct, but safe fallback
+ segments.splice(1, 0, newLang);
+ }
+ const newPath = segments.join('/');
+
+ navigate(newPath + location.search + location.hash);
+ };
+
+ // Update HTML lang attribute
+ React.useEffect(() => {
+ document.documentElement.lang = currentLanguage;
+ }, [currentLanguage]);
// Fonction de traduction
const t = (key: string): string => {
- return translations[language][key as keyof typeof translations['fr']] || key;
+ return translations[currentLanguage][key as keyof typeof translations['fr']] || key;
};
return (
-
+
{children}
);
diff --git a/src/main.tsx b/frontend/src/main.tsx
similarity index 100%
rename from src/main.tsx
rename to frontend/src/main.tsx
diff --git a/src/services/emailService.ts b/frontend/src/services/emailService.ts
similarity index 100%
rename from src/services/emailService.ts
rename to frontend/src/services/emailService.ts
diff --git a/src/styles/README.md b/frontend/src/styles/README.md
similarity index 100%
rename from src/styles/README.md
rename to frontend/src/styles/README.md
diff --git a/src/styles/_global.scss b/frontend/src/styles/_global.scss
similarity index 100%
rename from src/styles/_global.scss
rename to frontend/src/styles/_global.scss
diff --git a/src/styles/_mixins.scss b/frontend/src/styles/_mixins.scss
similarity index 100%
rename from src/styles/_mixins.scss
rename to frontend/src/styles/_mixins.scss
diff --git a/src/styles/_variables.scss b/frontend/src/styles/_variables.scss
similarity index 100%
rename from src/styles/_variables.scss
rename to frontend/src/styles/_variables.scss
diff --git a/src/styles/components/_about.scss b/frontend/src/styles/components/_about.scss
similarity index 100%
rename from src/styles/components/_about.scss
rename to frontend/src/styles/components/_about.scss
diff --git a/src/styles/components/_contact.scss b/frontend/src/styles/components/_contact.scss
similarity index 100%
rename from src/styles/components/_contact.scss
rename to frontend/src/styles/components/_contact.scss
diff --git a/src/styles/components/_education.scss b/frontend/src/styles/components/_education.scss
similarity index 100%
rename from src/styles/components/_education.scss
rename to frontend/src/styles/components/_education.scss
diff --git a/src/styles/components/_header.scss b/frontend/src/styles/components/_header.scss
similarity index 100%
rename from src/styles/components/_header.scss
rename to frontend/src/styles/components/_header.scss
diff --git a/src/styles/components/_hero.scss b/frontend/src/styles/components/_hero.scss
similarity index 100%
rename from src/styles/components/_hero.scss
rename to frontend/src/styles/components/_hero.scss
diff --git a/src/styles/components/_projects.scss b/frontend/src/styles/components/_projects.scss
similarity index 100%
rename from src/styles/components/_projects.scss
rename to frontend/src/styles/components/_projects.scss
diff --git a/src/styles/components/_skills.scss b/frontend/src/styles/components/_skills.scss
similarity index 100%
rename from src/styles/components/_skills.scss
rename to frontend/src/styles/components/_skills.scss
diff --git a/src/styles/index.scss b/frontend/src/styles/index.scss
similarity index 100%
rename from src/styles/index.scss
rename to frontend/src/styles/index.scss
diff --git a/src/styles/main.scss b/frontend/src/styles/main.scss
similarity index 100%
rename from src/styles/main.scss
rename to frontend/src/styles/main.scss
diff --git a/tsconfig.app.json b/frontend/tsconfig.app.json
similarity index 100%
rename from tsconfig.app.json
rename to frontend/tsconfig.app.json
diff --git a/tsconfig.json b/frontend/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to frontend/tsconfig.json
diff --git a/tsconfig.node.json b/frontend/tsconfig.node.json
similarity index 100%
rename from tsconfig.node.json
rename to frontend/tsconfig.node.json
diff --git a/vite.config.ts b/frontend/vite.config.ts
similarity index 100%
rename from vite.config.ts
rename to frontend/vite.config.ts
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index ca49b67..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useState, useEffect } from 'react';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import { LanguageProvider } from './contexts/LanguageContext';
-import Header from './components/Header';
-import Footer from './components/Footer';
-import Home from './components/Home';
-import TravelMate from './components/TravelMate';
-import Policies from './components/Policies';
-import ScrollToTop from './components/ScrollToTop';
-import './styles/main.scss';
-
-function App() {
- const [darkMode, setDarkMode] = useState(false);
-
- useEffect(() => {
- const savedTheme = localStorage.getItem('darkMode');
- if (savedTheme) {
- setDarkMode(JSON.parse(savedTheme));
- } else {
- setDarkMode(window.matchMedia('(prefers-color-scheme: dark)').matches);
- }
- }, []);
-
- useEffect(() => {
- localStorage.setItem('darkMode', JSON.stringify(darkMode));
- document.documentElement.setAttribute('data-theme', darkMode ? 'dark' : 'light');
- }, [darkMode]);
-
- const toggleDarkMode = () => {
- setDarkMode(!darkMode);
- };
-
- return (
-
-
-
-
-
-
-
- } />
- } />
- } />
-
-
-
-
-
-
- );
-}
-
-export default App;