+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/Componentes/Fondo.jsx.html b/Sticky-list/coverage/lcov-report/src/Componentes/Fondo.jsx.html
new file mode 100644
index 00000000..65d375f0
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/Componentes/Fondo.jsx.html
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+
+
+ All files / src App.jsx
+
+
+
+
+ 0%
+ Statements
+ 0/1
+
+
+
+
+ 100%
+ Branches
+ 0/0
+
+
+
+
+ 0%
+ Functions
+ 0/1
+
+
+
+
+ 0%
+ Lines
+ 0/1
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 | + + + + + + + + + + + + + + + + + + + + + + + | import {Fragment} from 'react';
+import './App.css';
+import React from 'react';
+import Muro from './Componentes/Muro';
+import Inicio from './Componentes/Inicio';
+
+function App() {
+ return (
+ <Fragment id="contenedor">
+
+ <Inicio/>
+ <Muro/>
+ </Fragment>
+
+ );
+}
+/* function Apps() {
+ return (
+
+ );
+} */
+
+export {App};
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/Componentes/Home.jsx.html b/Sticky-list/coverage/lcov-report/src/Componentes/Home.jsx.html
new file mode 100644
index 00000000..c7209a6e
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/Componentes/Home.jsx.html
@@ -0,0 +1,205 @@
+
+
+
+
+
+
+
+
+ All files / src/Componentes Fondo.jsx
+
+
+
+
+ 0%
+ Statements
+ 0/3
+
+
+
+
+ 100%
+ Branches
+ 0/0
+
+
+
+
+ 0%
+ Functions
+ 0/2
+
+
+
+
+ 0%
+ Lines
+ 0/3
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 | + + + + + + + + + + + + + + + + | import React from 'react'; + +function Fondo() { + const validarClick = () => { + console.log('Click Publicar'); + }; + + return ( + <div> + <h3>Publicar Sticky</h3> + <button onClick={validarClick} type="button"> + Publicar</button> + </div> + ); +}; +export default Fondo; + |
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/Componentes/Inicio.jsx.html b/Sticky-list/coverage/lcov-report/src/Componentes/Inicio.jsx.html
new file mode 100644
index 00000000..ad42d4ee
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/Componentes/Inicio.jsx.html
@@ -0,0 +1,154 @@
+
+
+
+
+
+
+
+
+ All files / src/Componentes Home.jsx
+
+
+
+
+ 0%
+ Statements
+ 0/9
+
+
+
+
+ 100%
+ Branches
+ 0/0
+
+
+
+
+ 0%
+ Functions
+ 0/5
+
+
+
+
+ 0%
+ Lines
+ 0/9
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react'; + +function Fondo() { + const validarClick = () => { + }; + console.log('Click Publicar'); + + const filtro = () =>{ + console.log('click filtro'); + }; + const nuevoSticky = () =>{ + console.log('click nuevoSticky'); + }; + const cerrar = () =>{ + console.log('click cerrar'); + }; + return ( + <div> + <header> + <h1>Sticky List</h1> + </header> + <nav id="lateral"> + <div> + <div onClick={filtro} id="button">Películas</div> + <div onClick={filtro} id="button">Series</div> + <div onClick={filtro} id="button">Animé</div> + <div onClick={filtro} id="button">Ver Todo</div> + </div> + <input type="image" src="imagenes\nota.png" id="nuevoSticky" + onClick={nuevoSticky}></input> + <button onClick={cerrar} type="button" + id="cerrarSesion">Cerrar Sesion</button> + </nav> + <main><button onClick={validarClick} type="button" + id="botonGoogle">Publicar</button> + </main> + </div> + ); +}; +export default Fondo; + |
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/Componentes/Muro.jsx.html b/Sticky-list/coverage/lcov-report/src/Componentes/Muro.jsx.html
new file mode 100644
index 00000000..f9b89243
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/Componentes/Muro.jsx.html
@@ -0,0 +1,499 @@
+
+
+
+
+
+
+
+
+ All files / src/Componentes Inicio.jsx
+
+
+
+
+ 0%
+ Statements
+ 0/5
+
+
+
+
+ 100%
+ Branches
+ 0/0
+
+
+
+
+ 0%
+ Functions
+ 0/3
+
+
+
+
+ 0%
+ Lines
+ 0/5
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 | + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react';
+import {registroGoogle} from '../../Firebase/Dependencias';
+import {useNavigate} from 'react-router-dom';
+
+function Inicio() {
+ const navigate = useNavigate();
+ const validarClick = () => {
+ registroGoogle().then((resolve)=>{
+ navigate('/muro');
+ });
+ };
+ return (
+ <div>
+ <h1 id='tituloInicio'>Sticky List</h1>
+ <img id='logoSticky'src="/imagenes/logo.png"></img>
+ <h2>Bienvenid@!</h2>
+ <p>¿Qué historias increíbles has visto últimamente?</p>
+ <button className="login" id='btnLogin' onClick={validarClick} type="button">
+ Iniciar sesión con Google</button>
+ </div>
+ );
+};
+export default Inicio;
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/Componentes/index.html b/Sticky-list/coverage/lcov-report/src/Componentes/index.html
new file mode 100644
index 00000000..062f2fd1
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/Componentes/index.html
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
+
+ All files / src/Componentes Muro.jsx
+
+
+
+
+ 0%
+ Statements
+ 0/40
+
+
+
+
+ 0%
+ Branches
+ 0/2
+
+
+
+
+ 0%
+ Functions
+ 0/15
+
+
+
+
+ 0%
+ Lines
+ 0/40
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React, {useEffect, useState} from 'react';
+import {useNavigate} from 'react-router-dom';
+import {salirDeCuenta, crearDocumento, lectorDatos,
+ borrarPublicación, obtenerUnDocumento}
+ from '../../Firebase/Dependencias';
+
+function Muro() {
+ const navigate = useNavigate();
+
+ const inputInicial = {
+ titulo: '',
+ publicacion: '',
+ };
+
+ const [valorPublicacion, setvalorPublicacion] = useState(inputInicial);
+ const [notas, setNotas] = useState([]);
+ const [subId, setsubId] = useState('');
+
+ const controladorInput = (e) => {
+ const {name, value} = e.target;
+ setvalorPublicacion({...valorPublicacion, [name]: value});
+ };
+
+ const nuevoSticky = () => {
+ document.getElementById('contenedorSticky').style.display = 'block';
+ };
+
+ const clickInputPublicacion = (e) => {
+ e.preventDefault();
+ /* limpiar input */
+ document.getElementById('contenedorSticky').style.display = 'none';
+
+ setvalorPublicacion(inputInicial);
+ console.log(inputInicial, 'prueba');
+ crearDocumento(valorPublicacion)
+ .then((funciona) => {
+ console.log(funciona);
+ });
+ console.log(valorPublicacion);
+ };
+ /* fx para renderizar los nuevos stickys */
+ useEffect(() => {
+ lectorDatos((result) => {
+ console.log(result);
+ setNotas(result);
+ },
+ );
+ }, []);
+
+
+ const getOne = (id) => {
+ try {
+ const catchDocument = obtenerUnDocumento()
+ setvalorPublicacion(catchDocument.data())
+
+ console.log(subId, 'soy sub id');
+ } catch (error) {
+ console.log(error);
+ }
+ };
+
+ // fx para editar documentos
+// Le pregunta si el subId es diferente de vacío, si tiene información retorna al input
+// Se va a renderizar sólo cuando tenga información
+ useEffect(() => {
+ if (subId !== '') {
+ getOne(subId);
+ }
+ }, [subId]);
+
+
+ const filtro = () => {
+ console.log('click filtro');
+ };
+
+ const cerrar = () => {
+ salirDeCuenta().then((resolve) => {
+ navigate('/');
+ });
+ };
+
+ return (
+ <div>
+ <header>
+ <div id="cabeza">
+ <p id="userName"> UserName</p>
+ <h1 id="titulo">Sticky List</h1>
+ </div>
+ </header>
+ <main>
+ <aside id="lateral">
+ <button onClick={filtro} type="button" id="button">Películas</button>
+ <button onClick={filtro} type="button" id="button">Series</button>
+ <button onClick={filtro} type="button" id="button">Animé</button>
+ <button onClick={filtro} type="button" id="button">Ver Todo</button>
+ <button type='button' id="nuevoSticky"
+ onClick={nuevoSticky}>Nuevo Sticky</button>
+ <button onClick={cerrar} type="button"
+ id="cerrarSesion">Cerrar Sesion</button>
+ </aside>
+ <div id='contenedorSticky'>
+ <div id='sticky'>
+ <input name='titulo' value={valorPublicacion.titulo}
+ type="text" id='titulosticky'
+ onChange={controladorInput}
+ placeholder='Título de tu sticky' />
+ <textarea name='publicacion' id='inputsticky'
+ value={valorPublicacion.publicacion}
+ placeholder='¿Qué quieres recordar?'
+ onChange={controladorInput} />
+ <button onClick={clickInputPublicacion}
+ id='publicarpost'>Publicar</button>
+ </div>
+
+ </div>
+ <div id="contenedorNotas">
+ <div id="cuerpoNotas">
+ {notas.map((nota) => (
+ <div key={nota.id}>
+ <div id="datosNota">
+ <p id="tituloNota">{nota.titulo}</p>
+ <p id="textoNota">{nota.publicacion}</p>
+ <button id="borrar-editar"
+ onClick={() => borrarPublicación(nota.id)}>Borrar</button>
+ <button id="borrar-editar"
+ onClick={() => setsubId(nota.id)}>Editar</button>
+ </div>
+
+ </div>
+ ))
+ }
+ </div>
+ </div>
+ </main>
+ </div>
+ );
+};
+export default Muro;
+ |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/index.html b/Sticky-list/coverage/lcov-report/src/index.html
new file mode 100644
index 00000000..aedce2e4
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/index.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+ All files src/Componentes
+
+
+
+
+ 0%
+ Statements
+ 0/57
+
+
+
+
+ 0%
+ Branches
+ 0/2
+
+
+
+
+ 0%
+ Functions
+ 0/25
+
+
+
+
+ 0%
+ Lines
+ 0/57
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+
+
+
+
+
+
+ | File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Fondo.jsx | +
+
+ |
+ 0% | +0/3 | +100% | +0/0 | +0% | +0/2 | +0% | +0/3 | +
| Home.jsx | +
+
+ |
+ 0% | +0/9 | +100% | +0/0 | +0% | +0/5 | +0% | +0/9 | +
| Inicio.jsx | +
+
+ |
+ 0% | +0/5 | +100% | +0/0 | +0% | +0/3 | +0% | +0/5 | +
| Muro.jsx | +
+
+ |
+ 0% | +0/40 | +0% | +0/2 | +0% | +0/15 | +0% | +0/40 | +
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov-report/src/main.jsx.html b/Sticky-list/coverage/lcov-report/src/main.jsx.html
new file mode 100644
index 00000000..afd69c80
--- /dev/null
+++ b/Sticky-list/coverage/lcov-report/src/main.jsx.html
@@ -0,0 +1,160 @@
+
+
+
+
+
+
+
+
+
+
+ All files src
+
+
+
+
+ 0%
+ Statements
+ 0/3
+
+
+
+
+ 100%
+ Branches
+ 0/0
+
+
+
+
+ 0%
+ Functions
+ 0/1
+
+
+
+
+ 0%
+ Lines
+ 0/3
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Sticky-list/coverage/lcov.info b/Sticky-list/coverage/lcov.info
new file mode 100644
index 00000000..46d3d6bc
--- /dev/null
+++ b/Sticky-list/coverage/lcov.info
@@ -0,0 +1,168 @@
+TN:
+SF:src\App.jsx
+FN:7,App
+FNF:1
+FNH:0
+FNDA:0,App
+DA:8,0
+LF:1
+LH:0
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src\main.jsx
+FNF:0
+FNH:0
+DA:10,0
+DA:21,0
+LF:2
+LH:0
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src\Componentes\Fondo.jsx
+FN:3,Fondo
+FN:4,(anonymous_1)
+FNF:2
+FNH:0
+FNDA:0,Fondo
+FNDA:0,(anonymous_1)
+DA:4,0
+DA:5,0
+DA:8,0
+LF:3
+LH:0
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src\Componentes\Home.jsx
+FN:3,Fondo
+FN:4,(anonymous_1)
+FN:8,(anonymous_2)
+FN:11,(anonymous_3)
+FN:14,(anonymous_4)
+FNF:5
+FNH:0
+FNDA:0,Fondo
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+DA:4,0
+DA:6,0
+DA:8,0
+DA:9,0
+DA:11,0
+DA:12,0
+DA:14,0
+DA:15,0
+DA:17,0
+LF:9
+LH:0
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src\Componentes\Inicio.jsx
+FN:5,Inicio
+FN:7,(anonymous_1)
+FN:8,(anonymous_2)
+FNF:3
+FNH:0
+FNDA:0,Inicio
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+DA:6,0
+DA:7,0
+DA:8,0
+DA:9,0
+DA:12,0
+LF:5
+LH:0
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src\Componentes\Muro.jsx
+FN:7,Muro
+FN:19,(anonymous_1)
+FN:24,(anonymous_2)
+FN:28,(anonymous_3)
+FN:36,(anonymous_4)
+FN:42,(anonymous_5)
+FN:43,(anonymous_6)
+FN:51,(anonymous_7)
+FN:65,(anonymous_8)
+FN:72,(anonymous_9)
+FN:76,(anonymous_10)
+FN:77,(anonymous_11)
+FN:118,(anonymous_12)
+FN:124,(anonymous_13)
+FN:126,(anonymous_14)
+FNF:15
+FNH:0
+FNDA:0,Muro
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+FNDA:0,(anonymous_7)
+FNDA:0,(anonymous_8)
+FNDA:0,(anonymous_9)
+FNDA:0,(anonymous_10)
+FNDA:0,(anonymous_11)
+FNDA:0,(anonymous_12)
+FNDA:0,(anonymous_13)
+FNDA:0,(anonymous_14)
+DA:8,0
+DA:10,0
+DA:15,0
+DA:16,0
+DA:17,0
+DA:19,0
+DA:20,0
+DA:21,0
+DA:24,0
+DA:25,0
+DA:28,0
+DA:29,0
+DA:31,0
+DA:33,0
+DA:34,0
+DA:35,0
+DA:37,0
+DA:39,0
+DA:42,0
+DA:43,0
+DA:44,0
+DA:45,0
+DA:51,0
+DA:52,0
+DA:53,0
+DA:54,0
+DA:56,0
+DA:58,0
+DA:65,0
+DA:66,0
+DA:67,0
+DA:72,0
+DA:73,0
+DA:76,0
+DA:77,0
+DA:78,0
+DA:82,0
+DA:119,0
+DA:124,0
+DA:126,0
+LF:40
+LH:0
+BRDA:66,0,0,0
+BRDA:66,0,1,0
+BRF:2
+BRH:0
+end_of_record
diff --git a/Sticky-list/firebase-tests.spec.js b/Sticky-list/firebase-tests.spec.js
new file mode 100644
index 00000000..0e23146b
--- /dev/null
+++ b/Sticky-list/firebase-tests.spec.js
@@ -0,0 +1,14 @@
+import { signInWithPopup } from "./__mocks__/@firebase/funciones-mockeadas";
+import { registroGoogle } from "./Firebase/Dependencias";
+
+jest.mock("./__mocks__/@firebase/funciones-mockeadas", () => ({
+ signInWithPopup: jest.fn(),
+}));
+
+
+it('Debe validar el usuario registrado desde google', () => {
+ signInWithPopup.mockImplementation(() => Promise.resolve('persona01@gmail.com'));
+ registroGoogle(signInWithPopup);
+
+ expect(signInWithPopup).toBeCalled();
+});
\ No newline at end of file
diff --git a/Sticky-list/jest.config.js b/Sticky-list/jest.config.js
new file mode 100644
index 00000000..56530118
--- /dev/null
+++ b/Sticky-list/jest.config.js
@@ -0,0 +1,13 @@
+module.exports = {
+ collectCoverage: true,
+ collectCoverageFrom: ['src/**/*.{js,jsx}'],
+ coverageDirectory: 'coverage',
+ testEnvironment: 'jsdom',
+ setupFilesAfterEnv: ['
+
+
+ All files / src main.jsx
+
+
+
+
+ 0%
+ Statements
+ 0/2
+
+
+
+
+ 100%
+ Branches
+ 0/0
+
+
+
+
+ 100%
+ Functions
+ 0/0
+
+
+
+
+ 0%
+ Lines
+ 0/2
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 | + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import './App.css';
+import {createBrowserRouter, RouterProvider} from 'react-router-dom';
+import Inicio from './Componentes/Inicio';
+import Muro from './Componentes/Muro';
+
+
+const router = createBrowserRouter([
+ {
+ path: '/',
+ element: <Inicio/>,
+ },
+ {
+ path: '/muro',
+ element: <Muro/>,
+ },
+]);
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+ <React.StrictMode>
+ <RouterProvider router={router} />
+ </React.StrictMode>,
+);
+ |
+
+ );
+};
+export default Fondo;
diff --git a/Sticky-list/src/Componentes/Home.jsx b/Sticky-list/src/Componentes/Home.jsx
new file mode 100644
index 00000000..5eeb7269
--- /dev/null
+++ b/Sticky-list/src/Componentes/Home.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+function Fondo() {
+ const validarClick = () => {
+ };
+ console.log('Click Publicar');
+
+ const filtro = () =>{
+ console.log('click filtro');
+ };
+ const nuevoSticky = () =>{
+ console.log('click nuevoSticky');
+ };
+ const cerrar = () =>{
+ console.log('click cerrar');
+ };
+ return (
+ Publicar Sticky
+ +
+
+
+
+
+
+
+ );
+};
+export default Fondo;
diff --git a/Sticky-list/src/Componentes/Inicio.jsx b/Sticky-list/src/Componentes/Inicio.jsx
new file mode 100644
index 00000000..07588a0a
--- /dev/null
+++ b/Sticky-list/src/Componentes/Inicio.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import {registroGoogle} from '../../Firebase/Dependencias';
+import {useNavigate} from 'react-router-dom';
+
+function Inicio() {
+ const navigate = useNavigate();
+ const validarClick = () => {
+ registroGoogle().then((resolve)=>{
+ navigate('/muro');
+ });
+ };
+ return (
+ Sticky List
+
+ 
+
+ );
+};
+export default Inicio;
diff --git a/Sticky-list/src/Componentes/Muro.jsx b/Sticky-list/src/Componentes/Muro.jsx
new file mode 100644
index 00000000..21852432
--- /dev/null
+++ b/Sticky-list/src/Componentes/Muro.jsx
@@ -0,0 +1,153 @@
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+ salirDeCuenta, crearDocumento, lectorDatos,
+ borrarPublicación, obtenerUnDocumento, actualizarDatos
+}
+ from '../../Firebase/Dependencias';
+
+function Muro() {
+ const navigate = useNavigate();
+
+ const inputInicial = {
+ titulo: '',
+ publicacion: '',
+ };
+
+ const [valorPublicacion, setvalorPublicacion] = useState(inputInicial);
+ const [notas, setNotas] = useState([]);
+ const [subId, setsubId] = useState('');
+ // console.log(valorPublicacion, 'comprobar de actualizacion')
+ const controladorInput = (e) => {
+ const { name, value } = e.target;
+ // console.log(name, value, 'comprobar name y value')
+ setvalorPublicacion({ ...valorPublicacion, [name]: value });
+ };
+
+ const nuevoSticky = () => {
+ document.getElementById('contenedorSticky').style.display = 'block';
+ };
+
+ const clickInputPublicacion = async (e) => {
+ e.preventDefault();
+ /* limpiar input */
+ document.getElementById('contenedorSticky').style.display = 'none';
+
+ if (subId === '') {
+ try {
+ await crearDocumento(valorPublicacion), {
+ ...valorPublicacion
+ .then((funciona) => {
+ console.log(funciona);
+ }
+ )
+ };
+ } catch (error) {
+ console.log(error);
+ }
+ }
+ else {
+ actualizarDatos(subId, valorPublicacion)
+
+ }
+ setvalorPublicacion({ ...inputInicial })
+ setsubId('')
+ };
+
+ /* fx para renderizar los nuevos stickys */
+ useEffect(() => {
+ lectorDatos((result) => {
+ // console.log(result);
+ setNotas(result);
+ },
+ );
+ }, []);
+
+
+ const getOne = (id) => {
+ obtenerUnDocumento(id).then((post) => {
+ document.getElementById('contenedorSticky').style.display = 'block';
+ // console.log(post, 'console de post')
+ setvalorPublicacion(post.data())
+ }).catch((error) => {
+ console.log(error)
+ });
+ };
+
+ // fx para editar documentos
+ // Le pregunta si el subId es diferente de vacío, si tiene información retorna al input
+ // Se va a renderizar sólo cuando tenga información
+ useEffect(() => {
+ if (subId !== '') {
+ getOne(subId);
+ }
+ }, [subId]);
+
+
+ const filtro = () => {
+ console.log('click filtro');
+ };
+
+ const cerrar = () => {
+ salirDeCuenta().then((resolve) => {
+ navigate('/');
+ });
+ };
+
+ return (
+ Sticky List
+
+ Bienvenid@!
+¿Qué historias increíbles has visto últimamente?
+ +
+
+
+
+
+
+
+ );
+};
+export default Muro;
diff --git a/Sticky-list/src/Imagenes/logo.png b/Sticky-list/src/Imagenes/logo.png
new file mode 100644
index 00000000..9cfec6c2
Binary files /dev/null and b/Sticky-list/src/Imagenes/logo.png differ
diff --git a/Sticky-list/src/Imagenes/nota.png b/Sticky-list/src/Imagenes/nota.png
new file mode 100644
index 00000000..35a263f6
Binary files /dev/null and b/Sticky-list/src/Imagenes/nota.png differ
diff --git a/Sticky-list/src/Imagenes/salida.png b/Sticky-list/src/Imagenes/salida.png
new file mode 100644
index 00000000..ca03f1d8
Binary files /dev/null and b/Sticky-list/src/Imagenes/salida.png differ
diff --git a/Sticky-list/src/index.css b/Sticky-list/src/index.css
new file mode 100644
index 00000000..5519893c
--- /dev/null
+++ b/Sticky-list/src/index.css
@@ -0,0 +1,19 @@
+:root {
+ font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ color-scheme: light dark;
+ background-color: rgba(34, 46, 94, 1);
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+body {
+ margin-top: 0;
+ padding: 0;
+ }
+
+@media (prefers-color-scheme: light) {
+ :root {
+ color: #213547;
+ background-color: #ffffff;
+ }
+}
\ No newline at end of file
diff --git a/Sticky-list/src/index.html b/Sticky-list/src/index.html
new file mode 100644
index 00000000..28d5716b
--- /dev/null
+++ b/Sticky-list/src/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+ UserName
+Sticky List
+
+
+
+
+
+
+
+
+
+
+
+ {notas.map((nota) => (
+
+
+
+ ))
+ }
+
+
+
+ {nota.titulo}
+{nota.publicacion}
+ + +