Merge branch 'master' into dev/multiples-pactos

DemocraciaEnRed · Apr 22, 2024 · 0432a8a · 0432a8a
2 parents 85bdf5b + 3d619b8
commit 0432a8a
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 7 deletions.
diff --git a/public/video/video_banner_es.mp4 b/public/video/video_banner_es.mp4
diff --git a/public/video/video_banner_pt.mp4 b/public/video/video_banner_pt.mp4
diff --git a/src/components/common/language-selector.jsx b/src/components/common/language-selector.jsx
@@ -12,8 +12,6 @@ export default function LanguageSelector() {
     useEffect(() => {
         if (user) {
             changeLanguage(user.lang)
-        } else {
-            changeLanguage(navigator.language.split("-")[0] || navigator.userLanguage.split("-")[0])
         }
     }, [])
 

diff --git a/src/components/home/banner-resurgente.jsx b/src/components/home/banner-resurgente.jsx
@@ -1,7 +1,8 @@
+import VideoBanner from "./video-banner";
 
-export default function BannerResurgente(){
+export default function     BannerResurgente(){
     return <div className=" banner-re-surgente">
-        <div className="content has-background-orange">
+        <div className="content has-background-orange is-flex is-align-items-center">
             <div className="title is-size-1 is-size-3-touch">¿Qué es <br />
             (re)surgentes <br />
             y el pacto <br />
@@ -12,7 +13,6 @@ export default function BannerResurgente(){
             </div>
 
         </div>
-        <div className="banner-image">
-        </div>
+        <VideoBanner/>
     </div>
 }
diff --git a/src/components/home/video-banner.jsx b/src/components/home/video-banner.jsx
@@ -0,0 +1,18 @@
+'use client'
+import { useLanguage } from '@/context/lang-context';
+import React from 'react'
+
+function VideoBanner() {
+    const { language } = useLanguage();
+  return (
+    <div className='banner-image has-background-black is-flex is-align-items-center'>
+        <video controls>
+        <source src={`/video/video_banner_${language}.mp4`} type="video/mp4"/>
+
+        </video>
+
+    </div>
+  )
+}
+
+export default VideoBanner
diff --git a/src/context/lang-context.jsx b/src/context/lang-context.jsx
@@ -8,7 +8,7 @@ const LANGUAGE_INFO_COOKIE = 'RES_LANG'
 export const LanguageProvider = ({ children }) => {
     const storedLanguage = window.localStorage.getItem(LANGUAGE_INFO_COOKIE);
     const jsonStoredLanguage = storedLanguage && JSON.parse(storedLanguage);
-    const [language, setLanguage] = useState(jsonStoredLanguage ? jsonStoredLanguage.language : 'es');
+    const [language, setLanguage] = useState(jsonStoredLanguage ? jsonStoredLanguage.language : navigator.language.split("-")[0] || navigator.userLanguage.split("-")[0] || 'es');
 
     const changeLanguage = (newLanguage) => {
         const switchLanguage = {