Fix broken translations

Author: itsmeurbi

.env

@@ -0,0 +1 @@
+VITE_BASE_URL='/website2.0/'

public/en.json renamed to public/i18n/en.json

@@ -6,7 +6,7 @@
       "home": "Inicio"
   },
   "sponsorship": {
-      "description1": "WebDevTalks es una comunidad de desarrollo y tecnología, que inició hace más de 10 años con la finalidad de acercar desarrolladores a diversos temas dentro del área del desarrollo de software, web, móvil, IoT, manejo de proyectos, diseño y más.",
+      "description1": "WebDevTalks somos una comunidad de desarrollo y tecnología, que inició hace más de 10 años con la finalidad de acercar a desarrolladores, diseñadores, managers, product owners, testers y cualquier profesional/carrera con relación a IT, a diversos temas dentro del área del desarrollo de software, web, móvil, IoT, gestión de proyectos, testing, infraestructura, diseño y más.",
       "description2": "Gracias al esfuerzo y apoyo de diversas empresas hemos podido llegar hasta el día de hoy, proporcionando un evento de calidad, ayudando a incentivar a las nuevas generaciones y fortalecer la comunidad de desarrollo en la ciudad de Colima.",
       "description3": "El evento se lleva a cabo en el último miércoles de cada dos meses donde por medio de una sesión 3 personas exponen sobre cualquier tema en el desarrollo. Donde generalmente intentamos balancear las pláticas en 3 distintos niveles: Novatos, Proficientes y Avanzados. Esto para seguir teniendo atracción no solo por estudiantes o neófitos sino también para atraer a asistentes con experiencia y tener una comunidad más enriquecida.",
       "attendeesTitle": "Perfil de Asistentes",

public/es.json renamed to public/i18n/es.json

@@ -3,9 +3,11 @@ import Router from './routes'
 import { ThemeProvider } from '@mui/material/styles';
 import theme from './theme'
 
+const basePath = import.meta.env.VITE_BASE_URL
+
 export default function App() {
   return(
-    <BrowserRouter basename='/website2.0'>
+    <BrowserRouter basename={basePath}>
       <ThemeProvider theme={theme}>
         <Router/>
       </ThemeProvider>

src/App.tsx

@@ -1,19 +1,20 @@
 import i18n from 'i18next'
-import i18nBackend from 'i18next-http-backend'
+import HttpApi from 'i18next-http-backend'
 import { initReactI18next } from 'react-i18next'
 
-const getCurrentHost = process.env.NODE_ENV === 'development' ? 'http://localhost:5173': 'https://www.webdevtalks.mx'
-i18n.use(i18nBackend)
-    .use(initReactI18next)
-    .init({
-        fallbackLng: 'es',
-        lng: 'es',
-        interpolation: {
-          escapeValue: false,
-        },
-        backend: {
-          loadPath: `${getCurrentHost}/i18n/{{lng}}.json`,
-        },
-    })
+const basePath = import.meta.env.VITE_BASE_URL
+
+i18n.use(HttpApi)
+  .use(initReactI18next)
+  .init({
+      fallbackLng: 'es',
+      lng: 'es',
+      interpolation: {
+        escapeValue: false,
+      },
+      backend: {
+        loadPath: `${basePath}/i18n/{{lng}}.json`,
+      },
+  })
 
 export default i18n

src/i18n.js

@@ -1,7 +1,10 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 
-export default defineConfig({
-  base: '/website2.0/',
-  plugins: [react()],
-});
+export default defineConfig(({ command, mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  return {
+    base: env.VITE_BASE_URL,
+    plugins: [react()],
+  }
+})