Actualizacion de navegacion de acciones

yhojann-cl · May 20, 2024 · d0e8500 · d0e8500
1 parent a54c9df
commit d0e8500
Show file tree

Hide file tree

Showing 13 changed files with 58 additions and 129 deletions.
diff --git a/docs/CNAME b/docs/CNAME
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,7 +1,7 @@
 {
   "files": {
     "main.css": "/static/css/main.846b51d6.css",
-    "main.js": "/static/js/main.153c31df.js",
+    "main.js": "/static/js/main.7c02cc7f.js",
     "static/js/453.47270508.chunk.js": "/static/js/453.47270508.chunk.js",
     "static/media/carousel-1.png": "/static/media/carousel-1.6368769c9ac3a7d80bcc.png",
     "static/media/bootstrap-icons.woff?": "/static/media/bootstrap-icons.39795c0b4513de014cf8.woff",
@@ -10,11 +10,11 @@
     "static/media/logo.png": "/static/media/logo.266806b3186d2ffbb05a.png",
     "index.html": "/index.html",
     "main.846b51d6.css.map": "/static/css/main.846b51d6.css.map",
-    "main.153c31df.js.map": "/static/js/main.153c31df.js.map",
+    "main.7c02cc7f.js.map": "/static/js/main.7c02cc7f.js.map",
     "453.47270508.chunk.js.map": "/static/js/453.47270508.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.846b51d6.css",
-    "static/js/main.153c31df.js"
+    "static/js/main.7c02cc7f.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Yhojann Aguilera</title><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#333333"/><meta name="description" content="Yhojann Aguilera Aguayo - Chile"/><meta name="author" content="Yhojann Aguilera"/><link rel="manifest" href="/manifest.json"/><link href="/assets/css/bootstrap.min.css" rel="stylesheet"/><link href="/assets/css/font-awesome.min.css" rel="stylesheet"/><script src="/assets/js/bootstrap.min.js"></script><script defer="defer" src="/static/js/main.153c31df.js"></script><link href="/static/css/main.846b51d6.css" rel="stylesheet"></head><body><noscript>Necesitas habilitar Javascript para ver el contenido.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Yhojann Aguilera</title><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#333333"/><meta name="description" content="Yhojann Aguilera Aguayo - Chile"/><meta name="author" content="Yhojann Aguilera"/><link rel="manifest" href="/manifest.json"/><link href="/assets/css/bootstrap.min.css" rel="stylesheet"/><link href="/assets/css/font-awesome.min.css" rel="stylesheet"/><script src="/assets/js/bootstrap.min.js"></script><script defer="defer" src="/static/js/main.7c02cc7f.js"></script><link href="/static/css/main.846b51d6.css" rel="stylesheet"></head><body><noscript>Necesitas habilitar Javascript para ver el contenido.</noscript><div id="root"></div></body></html>
diff --git a/docs/static/js/main.153c31df.js.map b/docs/static/js/main.153c31df.js.map
diff --git a/docs/static/js/main.153c31df.js → docs/static/js/main.7c02cc7f.js b/docs/static/js/main.153c31df.js → docs/static/js/main.7c02cc7f.js
diff --git a/docs/static/js/main.153c31df.js.LICENSE.txt → docs/static/js/main.7c02cc7f.js.LICENSE.txt b/docs/static/js/main.153c31df.js.LICENSE.txt → docs/static/js/main.7c02cc7f.js.LICENSE.txt
diff --git a/docs/static/js/main.7c02cc7f.js.map b/docs/static/js/main.7c02cc7f.js.map
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "rm -rf ./docs && BUILD_PATH=./docs react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

diff --git a/src/components/carousel.js b/src/components/carousel.js
@@ -33,10 +33,10 @@ class CarouselComponent extends Component {
 
     render() {
         return (
-            <div class="carousel slide">
-                <div class="carousel-inner">
-                    <div class="carousel-item active position-relative">
-                        <img src={carousel1Img} class="d-block w-100" alt="Image" />
+            <div className="carousel slide">
+                <div className="carousel-inner">
+                    <div className="carousel-item active position-relative">
+                        <img src={carousel1Img} className="d-block w-100" alt="Image" />
                         <div className="position-absolute top-0 start-0 w-100 h-100">
                             <div className="container h-100">
                                 <div className="row h-100">

diff --git a/src/components/footer.js b/src/components/footer.js
@@ -8,12 +8,26 @@ class FooterComponent extends Component {
             name: 'Yhojann Aguilera Aguayo.',
             location: '*Santiago de Chile, {year}.*',
             linkedin: 'Linkedin',
+            language: {
+                current: 'ES',
+                options: {
+                    spanish: 'Español',
+                    english: 'English',
+                }
+            }
 
         },
         en: {
             name: 'Yhojann Aguilera Aguayo.',
             location: '*Santiago of Chile, {year}.*',
             linkedin: 'Linkedin',
+            language: {
+                current: 'EN',
+                options: {
+                    spanish: 'Español',
+                    english: 'English',
+                }
+            }
 
         },
     };
@@ -24,6 +38,9 @@ class FooterComponent extends Component {
         this.state = {
             strings: FooterComponent.strings.en
         }
+
+        // Bind functions
+        this.setLanguage = this.setLanguage.bind(this);
     }
 
     componentDidMount() {
@@ -34,6 +51,11 @@ class FooterComponent extends Component {
         });
     }
 
+    async setLanguage(language) {
+        localStorage.setItem('language', language);
+        window.location.reload();
+    }
+
     render() {
         return (
             <div className="container py-5">
@@ -52,12 +74,34 @@ class FooterComponent extends Component {
                         </p>
                     </div>
                     <div className="col-md-6 text-end">
-                        <a className="btn btn-sm  btn-outline-secondary"
+                        <a className="btn btn-sm btn-outline-secondary me-2"
                             href="https://www.linkedin.com/in/yhojann-aguilera/"
                             target="_blank" rel="noreferrer">
                             <i className="bi bi-linkedin me-2"></i>
                             {this.state.strings.linkedin}
                         </a>
+                        <span class="dropdown">
+                            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
+                                <i className="bi bi-globe-americas me-2"></i>
+                                {this.state.strings.language.current}
+                            </button>
+                            <ul class="dropdown-menu">
+                                <li>
+                                    <button
+                                        onMouseDown={() => this.setLanguage('es')}
+                                        className="dropdown-item">
+                                        {this.state.strings.language.options.spanish}
+                                    </button>
+                                </li>
+                                <li>
+                                    <button
+                                        onMouseDown={() => this.setLanguage('en')}
+                                        className="dropdown-item">
+                                        {this.state.strings.language.options.english}
+                                    </button>
+                                </li>
+                            </ul>
+                        </span>
                     </div>
                 </div>
             </div>

diff --git a/src/components/nav.js b/src/components/nav.js
diff --git a/src/pages/error/not-found.js b/src/pages/error/not-found.js
@@ -1,5 +1,4 @@
 import { Component } from 'react';
-import NavComponent from '../../components/nav';
 import FooterComponent from '../../components/footer';
 
 class NotFoundErrorPage extends Component {
@@ -37,9 +36,6 @@ class NotFoundErrorPage extends Component {
     render() {
         return (
             <div className="d-flex flex-column min-vh-100">
-
-                <NavComponent language={this.props.language} />
-
                 <div className="flex-fill container mt-5 mb-4">
                     <div className="row justify-content-md-center">
                         <div className="col-md-10 px-4 p-md-2 text-center mb-4">

diff --git a/src/pages/main.js b/src/pages/main.js
@@ -2,7 +2,6 @@ import { Component } from 'react';
 import Markdown from 'react-markdown'
 import CarouselComponent from '../components/carousel';
 import FooterComponent from '../components/footer';
-import NavBarComponent from '../components/nav';
 import trustShadowedImg from '../assets/images/trust-shadowed.jpg';
 
 class MainPage extends Component {
@@ -82,7 +81,6 @@ always in trust, transparency and **benefit to people**.
     render() {
         return (
             <div>
-                <NavBarComponent language={this.props.language} />
                 <CarouselComponent language={this.props.language} />
 
                 <div>