msksaul
diff --git a/‎src/App.js‎
Lines changed: 7 additions & 2 deletions b/‎src/App.js‎
Lines changed: 7 additions & 2 deletions
diff --git a/‎src/components/Navigation/index.js‎
Lines changed: 5 additions & 2 deletions b/‎src/components/Navigation/index.js‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎src/components/Prueba/index.js‎
Lines changed: 14 additions & 0 deletions b/‎src/components/Prueba/index.js‎
Lines changed: 14 additions & 0 deletions
diff --git a/‎src/contexts/AuthContext.js‎
Lines changed: 25 additions & 0 deletions b/‎src/contexts/AuthContext.js‎
Lines changed: 25 additions & 0 deletions
@@ -1,11 +1,16 @@
 import React from 'react';
 import Navigation from './components/Navigation'
+import AuthContextProvider from './contexts/AuthContext';
+import Prueba from './components/Prueba';
 
 function App() {
   return (
     <React.Fragment>
-      <Navigation/>
-      <h1>Hola Mundo</h1>
+      <AuthContextProvider>
+        <Navigation/>
+        <h1>Hola Mundo</h1>
+        <Prueba />
+      </AuthContextProvider>
     </React.Fragment>
   );
 }
 
@@ -1,4 +1,6 @@
-import React, { useState } from 'react';
+import React, { useState, useContext } from 'react';
+import { AuthContext } from '../../contexts/AuthContext'
+
 import {
   Collapse,
   Navbar,
@@ -16,6 +18,7 @@ import {
 
 const Navigation = (props) => {
   const [isOpen, setIsOpen] = useState(false);
+  const {token} = useContext(AuthContext);
 
   const toggle = () => setIsOpen(!isOpen);
 
@@ -50,7 +53,7 @@ const Navigation = (props) => {
               </DropdownMenu>
             </UncontrolledDropdown>
           </Nav>
-          <NavbarText>Simple Text</NavbarText>
+            <NavbarText>{token}</NavbarText>
         </Collapse>
       </Navbar>
     </div>
 
@@ -0,0 +1,14 @@
+import React, { useContext } from "react";
+import { AuthContext } from '../../contexts/AuthContext';
+
+const Prueba = () => {
+    const {token, setToken} = useContext(AuthContext);
+    return (
+        <React.Fragment>
+            <h2>El contenido del token es: { token } </h2>
+            <input type="text" onChange={ (e) => setToken(e.target.value) } />
+        </React.Fragment>
+    );
+}
+
+export default Prueba;
@@ -0,0 +1,25 @@
+import React, { createContext, useState } from 'react';
+
+export const AuthContext = createContext();
+
+const AuthContextProvider = (props) => {  
+  const [token, setToken] = useState('');
+
+  return (
+    <AuthContext.Provider value={{
+        token, setToken
+    }}>
+      { props.children }
+    </AuthContext.Provider>
+  )
+};
+
+export default AuthContextProvider;
+
+/*
+ <Proveedor>
+    <Navbar>
+    <Body>
+    <Footer>
+<Proveedor>
+*/