Merge pull request #3 from jadson179/develop

Develop
gtjadsonsantos · Feb 8, 2020 · 7c315f1 · 7c315f1
2 parents db2d30c + 9783a31
commit 7c315f1
Show file tree

Hide file tree

Showing 95 changed files with 777 additions and 48 deletions.
diff --git a/RELEASES.md b/RELEASES.md
@@ -18,5 +18,10 @@
 **Observação**: Se você fizer o provisinamento do banco de dados, pelo arquivo `provisioning.sql`, não clique no botão para provisionar o banco de dados
 a ação irá duplicar o usuário administrador e assim o servidor irá para de funcionar;
 
-- `solução de contorno`: exluir o registro adicional do usuário que foi duplicado
+- `solução de contorno`: excluir o registro adicional do usuário que foi duplicado
 
+## VERSÃO 1.0.2
+
+* Atualização da view quando quando realizando um upload de imagem ao servidor 
+* Informação de data e horário
+* Cotação de moedas 
diff --git a/backend/controllers/RoomController.js b/backend/controllers/RoomController.js
@@ -19,6 +19,7 @@ module.exports = {
 
         await connection.query(sql,(err, results, fields)=>{
             connection.query(` INSERT INTO Floors (NumberFloor, RoomsID ) VALUES( '${request.body.floor}','${results.insertId}');`,(err, results, fields)=>{
+                return response.json({results})
             })
         })
 

diff --git a/backend/controllers/UserController.js b/backend/controllers/UserController.js
@@ -4,7 +4,6 @@ module.exports = {
     async index (request,response) {
         const sql = ` SELECT * FROM Users; `
         await connection.query(sql,(err, results, fields)=>{
-            console.log(results)
              results.forEach(user => {
                 if (user.UserName == request.body.username && user.UserPassword == request.body.password ){
                     return response.json(user)     

diff --git a/backend/imgs/02ca1355b1a7b3d1b6781a75b2e06c16-logo.png b/backend/imgs/02ca1355b1a7b3d1b6781a75b2e06c16-logo.png
diff --git a/backend/imgs/04ba4e2ad2f522d606ac0fea05884a9d-logo.png b/backend/imgs/04ba4e2ad2f522d606ac0fea05884a9d-logo.png
diff --git a/backend/imgs/05e1d8cf577dff876fa9c671d8181133-logo.png b/backend/imgs/05e1d8cf577dff876fa9c671d8181133-logo.png
diff --git a/backend/imgs/0984717e83522e01616ca6b40a5bf4dd-logo.png b/backend/imgs/0984717e83522e01616ca6b40a5bf4dd-logo.png
diff --git a/backend/imgs/0da036619dd400def4ed0d7220f60585-logo.png b/backend/imgs/0da036619dd400def4ed0d7220f60585-logo.png
diff --git a/backend/imgs/0e89df4ba8eb85350dfaa195a2d2bbd8-logo.png b/backend/imgs/0e89df4ba8eb85350dfaa195a2d2bbd8-logo.png
diff --git a/backend/imgs/108bd82254cc92616ec7f59ba702b1c0-logo.png b/backend/imgs/108bd82254cc92616ec7f59ba702b1c0-logo.png
diff --git a/backend/imgs/10b75ff27d5619f7fa5a313a300c56a5-logo.png b/backend/imgs/10b75ff27d5619f7fa5a313a300c56a5-logo.png
diff --git a/backend/imgs/10c7c1d0bb8dbd09e08241b7b5647b8e-logo.png b/backend/imgs/10c7c1d0bb8dbd09e08241b7b5647b8e-logo.png
diff --git a/...d/imgs/1b4f1585b7cd53c4e48e991ff18ef67c-Screenshot from 2020-01-23 22-17-16.png b/...d/imgs/1b4f1585b7cd53c4e48e991ff18ef67c-Screenshot from 2020-01-23 22-17-16.png
diff --git a/backend/imgs/1edfa9df83f4546ee0087ff4d3fc9883-logo.png b/backend/imgs/1edfa9df83f4546ee0087ff4d3fc9883-logo.png
diff --git a/backend/imgs/2a8cd7e3e68d4ab36eedeab4bdf1d95d-logo.png b/backend/imgs/2a8cd7e3e68d4ab36eedeab4bdf1d95d-logo.png
diff --git a/backend/imgs/34294e91946d3001a055f37c2dbbe834-logo.png b/backend/imgs/34294e91946d3001a055f37c2dbbe834-logo.png
diff --git a/backend/imgs/409a003e8e9de2ddd987ed0f4a2c2315-logo.png b/backend/imgs/409a003e8e9de2ddd987ed0f4a2c2315-logo.png
diff --git a/backend/imgs/4345870f01ef3aaa60ac8125901fd048-logo.png b/backend/imgs/4345870f01ef3aaa60ac8125901fd048-logo.png
diff --git a/backend/imgs/445cbfb9cf4b473c0604d4690dda326e-logo.png b/backend/imgs/445cbfb9cf4b473c0604d4690dda326e-logo.png
diff --git a/backend/imgs/451993c7bb4881eb2c740ce807fd46a4-logo.png b/backend/imgs/451993c7bb4881eb2c740ce807fd46a4-logo.png
diff --git a/backend/imgs/475a531338ab2c41799bf4fad66086ea-logo.png b/backend/imgs/475a531338ab2c41799bf4fad66086ea-logo.png
diff --git a/backend/imgs/4e482e83cbf7f3edaa9910b1b61dd0eb-logo.png b/backend/imgs/4e482e83cbf7f3edaa9910b1b61dd0eb-logo.png
diff --git a/backend/imgs/523281d15b3679a939c0c2d11b876846-logo.png b/backend/imgs/523281d15b3679a939c0c2d11b876846-logo.png
diff --git a/backend/imgs/5bc1ddafd1a2b1413cb8c29dcfbc771d-logo.png b/backend/imgs/5bc1ddafd1a2b1413cb8c29dcfbc771d-logo.png
diff --git a/backend/imgs/5d497d701e9e458b011da5fbfa02c73d-logo.png b/backend/imgs/5d497d701e9e458b011da5fbfa02c73d-logo.png
diff --git a/backend/imgs/5f7cb892255a9510a7a48d4955f847a3-logo.png b/backend/imgs/5f7cb892255a9510a7a48d4955f847a3-logo.png
diff --git a/backend/imgs/61915818195fe980e527ad2d8b6965ca-logo.png b/backend/imgs/61915818195fe980e527ad2d8b6965ca-logo.png
diff --git a/backend/imgs/624315eb0e0a6f832f97f84c1e8f466f-logo.png b/backend/imgs/624315eb0e0a6f832f97f84c1e8f466f-logo.png
diff --git a/backend/imgs/640869d8baa8347c4bbe99be02cc7007-logo.png b/backend/imgs/640869d8baa8347c4bbe99be02cc7007-logo.png
diff --git a/backend/imgs/661fd7b4aa8000b12a12cde7c3db0964-logo.png b/backend/imgs/661fd7b4aa8000b12a12cde7c3db0964-logo.png
diff --git a/backend/imgs/6e34ce956eb753675283fe843507107a-logo.png b/backend/imgs/6e34ce956eb753675283fe843507107a-logo.png
diff --git a/backend/imgs/708028274a5c706287c5a5ea5f2bbe3f-logo.png b/backend/imgs/708028274a5c706287c5a5ea5f2bbe3f-logo.png
diff --git a/backend/imgs/7182ade4e8fed22f83ef561779fabf60-logo.png b/backend/imgs/7182ade4e8fed22f83ef561779fabf60-logo.png
diff --git a/backend/imgs/737f46371d11c3b70a4f64ef5f9c6f50-logo.png b/backend/imgs/737f46371d11c3b70a4f64ef5f9c6f50-logo.png
diff --git a/backend/imgs/7896a2bfb70f5f9ee7d4ac11038058f3-logo.png b/backend/imgs/7896a2bfb70f5f9ee7d4ac11038058f3-logo.png
diff --git a/backend/imgs/78a4482995c8fc45fe10acf32edfa29e-logo.png b/backend/imgs/78a4482995c8fc45fe10acf32edfa29e-logo.png
diff --git a/...d/imgs/796b1ef5b33f9e607726dc533b8aefb5-Screenshot from 2020-01-23 22-17-16.png b/...d/imgs/796b1ef5b33f9e607726dc533b8aefb5-Screenshot from 2020-01-23 22-17-16.png
diff --git a/backend/imgs/7a4f7210e54b52ef4021e7c83d4018b9-logo.png b/backend/imgs/7a4f7210e54b52ef4021e7c83d4018b9-logo.png
diff --git a/backend/imgs/886035a1b1927b10f76d9a2eb0cfb1e3-logo.png b/backend/imgs/886035a1b1927b10f76d9a2eb0cfb1e3-logo.png
diff --git a/backend/imgs/8b3c2cfc4ba17341f2c1b34da909bccb-logo.png b/backend/imgs/8b3c2cfc4ba17341f2c1b34da909bccb-logo.png
diff --git a/backend/imgs/8be0e61feef619d9b9fea5dd1b3e1227-logo.png b/backend/imgs/8be0e61feef619d9b9fea5dd1b3e1227-logo.png
diff --git a/backend/imgs/90a995d47fd65c5a29d25a5dd8c35f45-logo.png b/backend/imgs/90a995d47fd65c5a29d25a5dd8c35f45-logo.png
diff --git a/backend/imgs/91afaafe1289404a58469dd7855c2296-logo.png b/backend/imgs/91afaafe1289404a58469dd7855c2296-logo.png
diff --git a/backend/imgs/9d6531e6406ec620686138ad900acf18-logo.png b/backend/imgs/9d6531e6406ec620686138ad900acf18-logo.png
diff --git a/backend/imgs/9e6fe77b5a57e9b03e414fc8288e28e5-logo.png b/backend/imgs/9e6fe77b5a57e9b03e414fc8288e28e5-logo.png
diff --git a/backend/imgs/9f77b5c6570587217c7158a8637fe2e7-logo.png b/backend/imgs/9f77b5c6570587217c7158a8637fe2e7-logo.png
diff --git a/backend/imgs/Thunderstorms.png b/backend/imgs/Thunderstorms.png
diff --git a/backend/imgs/a85a534d65603f9a5b48e635562e71f1-logo.png b/backend/imgs/a85a534d65603f9a5b48e635562e71f1-logo.png
diff --git a/backend/imgs/a96b8f82a9137a45e40cfbfbd4d9eed3-logo.png b/backend/imgs/a96b8f82a9137a45e40cfbfbd4d9eed3-logo.png
diff --git a/backend/imgs/aed6c3e0fb042b48a43618c76da3c0a1-logo.png b/backend/imgs/aed6c3e0fb042b48a43618c76da3c0a1-logo.png
diff --git a/backend/imgs/b1138ee9c0379e4ccf83888a5375618c-logo.png b/backend/imgs/b1138ee9c0379e4ccf83888a5375618c-logo.png
diff --git a/backend/imgs/b65d917b0ea1cd4d9445e2f8225eba0b-logo.png b/backend/imgs/b65d917b0ea1cd4d9445e2f8225eba0b-logo.png
diff --git a/backend/imgs/b87d14212d351cdb328956420aea8227-logo.png b/backend/imgs/b87d14212d351cdb328956420aea8227-logo.png
diff --git a/backend/imgs/ba0ef593b914dc54d24a74e7e19b3cf6-logo.png b/backend/imgs/ba0ef593b914dc54d24a74e7e19b3cf6-logo.png
diff --git a/backend/imgs/cc264d84668640acf050bf9bbe7fe8ee-logo.png b/backend/imgs/cc264d84668640acf050bf9bbe7fe8ee-logo.png
diff --git a/backend/imgs/cd4aa24de0a14fc3beb204f42ab2fbef-logo.png b/backend/imgs/cd4aa24de0a14fc3beb204f42ab2fbef-logo.png
diff --git a/backend/imgs/ce8021835fa38f61c5e15217d1e19896-logo.png b/backend/imgs/ce8021835fa38f61c5e15217d1e19896-logo.png
diff --git a/backend/imgs/cf0f16ebe5376735c00bc7d169897f5a-logo.png b/backend/imgs/cf0f16ebe5376735c00bc7d169897f5a-logo.png
diff --git a/backend/imgs/d1c0b68b5e2678f1e2640e4c733f1829-logo.png b/backend/imgs/d1c0b68b5e2678f1e2640e4c733f1829-logo.png
diff --git a/backend/imgs/d9b6a9419a26f60bb7bf205654dc8811-logo.png b/backend/imgs/d9b6a9419a26f60bb7bf205654dc8811-logo.png
diff --git a/backend/imgs/da522da3701b6783cafe73c0472a067a-logo.png b/backend/imgs/da522da3701b6783cafe73c0472a067a-logo.png
diff --git a/backend/imgs/de84d00bc2aac25dc5710e0dfb0a69bc-logo.png b/backend/imgs/de84d00bc2aac25dc5710e0dfb0a69bc-logo.png
diff --git a/backend/imgs/dolar.png b/backend/imgs/dolar.png
diff --git a/backend/imgs/e06ab44319965536d01b68e5e8259552-logo.png b/backend/imgs/e06ab44319965536d01b68e5e8259552-logo.png
diff --git a/backend/imgs/e3ef28af8596b6c81c19ea0c5fbfe561-logo.png b/backend/imgs/e3ef28af8596b6c81c19ea0c5fbfe561-logo.png
diff --git a/backend/imgs/e486fa6c5b108587f69621e70593eea4-logo.png b/backend/imgs/e486fa6c5b108587f69621e70593eea4-logo.png
diff --git a/backend/imgs/ed892057d2714825c90d939daa25c3dc-logo.png b/backend/imgs/ed892057d2714825c90d939daa25c3dc-logo.png
diff --git a/backend/imgs/efcc769572cef98aa66467fab575eea0-logo.png b/backend/imgs/efcc769572cef98aa66467fab575eea0-logo.png
diff --git a/backend/imgs/feaf385a1cf6ab61aa223996dd05f0fd-logo.png b/backend/imgs/feaf385a1cf6ab61aa223996dd05f0fd-logo.png
diff --git a/backend/imgs/partly_cloudy.png b/backend/imgs/partly_cloudy.png
diff --git a/backend/imgs/rain.png b/backend/imgs/rain.png
diff --git a/backend/imgs/rain_e_cloudy.png b/backend/imgs/rain_e_cloudy.png
diff --git a/backend/index.js b/backend/index.js
@@ -5,11 +5,20 @@ const path = require('path')
 const cors = require('cors')
 const app = express()
 const server = http.Server(app)
+const io = require('socket.io')(server)
 
 app.use(cors({}))
 app.use(express.json())
 app.use(express.urlencoded({extended: true}))
 
+io.on('connection', socket => {
+    socket.on('send-image', obj=>{
+        console.log(obj)
+        if (obj.data == 'send-image'){
+            socket.broadcast.emit('update', { action: 'update-window' })
+        }
+    })
+})
 
 app.use(routes)
 app.use(express.static(path.join('imgs')))
@@ -18,3 +27,5 @@ app.use(express.static(path.join('imgs')))
 server.listen(3333, ()=>{
     console.log('http://0.0.0.0:3333')
 })     
+
+module.exports = server
diff --git a/backend/utils/websocket.js b/backend/utils/websocket.js
diff --git a/frontend/index.js b/frontend/index.js
@@ -2,6 +2,7 @@ const express = require('express');
 const path = require('path');
 const app = express();
 
+
 app.use(express.static(path.join(__dirname, 'build')));
 
 app.get('/', function(req, res) {
@@ -10,6 +11,9 @@ app.get('/', function(req, res) {
 app.get('/view', function(req, res) {
   res.sendFile(path.join(__dirname, 'build', 'index.html'));
 });
+app.get('/view-2', function(req, res) {
+  res.sendFile(path.join(__dirname, 'build', 'index.html'));
+});
 
 app.listen(8080,()=>{
   console.log('https://localhost:8080')

diff --git a/frontend/package.json b/frontend/package.json
@@ -8,10 +8,12 @@
     "@testing-library/user-event": "^7.1.2",
     "axios": "^0.19.2",
     "node-fetch": "^2.6.0",
+    "oauth": "^0.9.15",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "3.3.0"
+    "react-scripts": "3.3.0",
+    "socket.io-client": "^2.3.0"
   },
   "scripts": {
     "server": "node index.js",

diff --git a/frontend/src/components/AddRoom/index.js b/frontend/src/components/AddRoom/index.js
@@ -1,9 +1,12 @@
 import React, { useState } from 'react';
+import io from 'socket.io-client'
 import api from '../../services/api'
 import Themes from '../../global/Themes'
+import config from '../../config'
 
 import './style.css'
 
+const socket = io(`${config.backend.url}`)
 
 function AddRoom() {
     const [ room, setRoom ] = useState('')
@@ -18,12 +21,20 @@ function AddRoom() {
             data.append('room', room)
             data.append('floor', floor)
 
-            const response = api.post('/room', data)
+            const response = await api.post('/room', data)
 
             if(response.status === 200){
                 document.querySelector('#submit').innerText = 'Sala Adicionada'
                 document.getElementById('submit').style.cssText = Themes.button.validated
-
+
+                socket.emit('send-image',  { data: 'send-image' } )
+
+                setInterval(()=>{
+                  document.querySelector('#submit').innerText = 'Enviar'
+                  document.getElementById('submit').style.cssText = Themes.button.reset
+                },300)
+
+
             }else {
               document.querySelector('#submit').innerText = `Error: ${(await response).status}`
               document.getElementById('submit').style.cssText = Themes.button.error

diff --git a/frontend/src/components/AlterPassword/index.js b/frontend/src/components/AlterPassword/index.js
@@ -15,15 +15,21 @@ function AlterPassword() {
 
       const response = await api.post('/update/user',{ username: sessionStorage.getItem('username'), oldPassword: sessionStorage.getItem('password'), password  })
 
-      if(!response.data){
-        document.querySelector('#submit').innerText = 'Senha Alterada'
+      if(response.data === 200){
+        document.getElementById('#submit').innerText = 'Senha Alterada'
         document.getElementById('submit').style.cssText = Themes.button.validated
+
+        setInterval(()=>{
+          document.getElementById('#submit').innerText = 'Enviar'
+          document.getElementById('submit').style.cssText = Themes.button.reset
+        },300)
+
       }else {
-        document.querySelector('#submit').innerText = `Error: ${response.status}`
+        document.getElementById('#submit').innerText = `Error: ${response.status}`
         document.getElementById('submit').style.cssText = Themes.button.error
         }
       }else {
-        document.querySelector('#incorret').innerText = "Preencher todos os campos!!"
+        document.getElementById('#incorret').innerText = "Preencher todos os campos!!"
       }
     }
 

diff --git a/frontend/src/components/CreateUser/index.js b/frontend/src/components/CreateUser/index.js
@@ -18,6 +18,11 @@ function CreateUser() {
       if(response.data.status === 'Usuário criado'){
           document.querySelector('#submit').innerText = 'Usuário Criado'
           document.getElementById('submit').style.cssText = Themes.button.validated
+
+        setInterval(()=>{
+          document.querySelector('#submit').innerText = 'Enviar'
+          document.getElementById('submit').style.cssText = Themes.button.reset
+        },300)
 
       }else {
         document.querySelector('#submit').innerText = `${response.data.status}`

diff --git a/frontend/src/components/Login/index.js b/frontend/src/components/Login/index.js
@@ -1,6 +1,6 @@
-import React, { useState, createContext, useEffect} from 'react';
+import React, { useState, useEffect} from 'react';
 
-import history from '../../history'
+import history from '../../global/history'
 import api from '../../services/api'
 import './style.css'
 

diff --git a/frontend/src/components/Price/index.js b/frontend/src/components/Price/index.js
@@ -0,0 +1,33 @@
+import React, { useState, useEffect } from 'react'
+import config from '../../config'
+import axios from 'axios'
+import './style.css'
+
+function Price() {
+    const [ price, setPrice] = useState({})
+
+    useEffect(()=>{
+       async function getPrice() {
+            const response = await axios.get('https://economia.awesomeapi.com.br/all/USD')
+            const { USD } = response.data
+            setPrice(USD)
+        }
+        getPrice()
+    },[])
+return (
+    <>
+      <div className="containerPrice">
+        <header>
+            <h2>{ price.name  }</h2>
+            <p>Atualizado em: { price.create_date }</p>
+        </header>
+        <section>
+            <img src={`${config.backend.url}/dolar.png`} alt=""/>
+            <p>{ price.high }</p>
+        </section>
+      </div>
+    </>
+    )
+}
+
+export default Price
diff --git a/frontend/src/components/Price/style.css b/frontend/src/components/Price/style.css
@@ -0,0 +1,20 @@
+.containerPrice {
+    width: 100%;
+    height: 90%;
+}
+.containerPrice header {
+    height: 110px !important;
+    width: 100%;
+    padding: 0;
+    margin: 0 0 0 0;
+}
+.containerPrice section {
+    display: flex;
+    color: rgb(0, 0, 0);
+}
+.containerPrice section img { 
+    width: 20px !important;
+    height: 20px !important;
+    margin: 0 25px 0 0 !important;
+
+}
diff --git a/frontend/src/components/Section/index.js b/frontend/src/components/Section/index.js
@@ -1,11 +1,14 @@
 import React, {useState, useEffect} from 'react';
-
+import io from 'socket.io-client';
 import api from '../../services/api'
 import config from '../../config'
+import Weather from '../Weather'
 
 import './style.css';
 
-  function Sessao() {
+const socket = io(`${config.backend.url}`)
+
+function Sessao() {
     const [floor1, setFloor1] = useState([])
     const [floor2, setFloor2] = useState([])
     const [floor3, setFloor3] = useState([])
@@ -17,7 +20,7 @@ import './style.css';
     const [floor9, setFloor9] = useState([])
     const [floor10, setFloor10] = useState([])
     const [floor11, setFloor11] = useState([])
-
+    const [showWeather, setShowWeather] = useState(false)
     const url = config.backend.url
 
     useEffect(()=>{
@@ -33,7 +36,6 @@ import './style.css';
         const res_floor9 = await api.get('/floors/9');
         const res_floor10 = await api.get('/floors/10');
         const res_floor11 = await api.get('/floors/11');
-
         setFloor1(res_floor1.data)
         setFloor2(res_floor2.data)
         setFloor3(res_floor3.data)
@@ -45,12 +47,27 @@ import './style.css';
         setFloor9(res_floor9.data)
         setFloor10(res_floor10.data)
         setFloor11(res_floor11.data)
-
       }
       getDatas()
-  },[])
+     },[])
 
+    useEffect(()=>{
+    socket.on('update', obj =>{
+      if(obj.action === "update-window"){
+          window.location.reload()
+      }
+    })
+    },[])
 
+    setTimeout(()=>{
+        if (showWeather === false){
+            setShowWeather(true)   
+            document.getElementById('containerInfo').style.display = 'flex';
+        }else {
+           setShowWeather(false)  
+           document.getElementById('containerInfo').style.display = 'none'; 
+        }
+    }, 60000)
   return (
     <>
       <div id="container" >
@@ -59,7 +76,7 @@ import './style.css';
            {
              floor1.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -70,7 +87,7 @@ import './style.css';
            {
              floor2.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -81,7 +98,7 @@ import './style.css';
            {
              floor3.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -92,7 +109,7 @@ import './style.css';
            {
              floor4.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -103,7 +120,7 @@ import './style.css';
            {
              floor5.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -114,7 +131,7 @@ import './style.css';
            {
              floor6.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -125,7 +142,7 @@ import './style.css';
            {
              floor7.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -136,7 +153,7 @@ import './style.css';
            {
              floor8.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -147,7 +164,7 @@ import './style.css';
            {
              floor9.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -158,7 +175,7 @@ import './style.css';
            {
              floor10.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
               </>
              ))
@@ -169,13 +186,14 @@ import './style.css';
            {
              floor11.map(item => ( 
               <>
-                <img className="imageCostumer" alt={item.NameImage} key={item.RoomID} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
+                <img key={item.RoomID} className="imageCostumer" alt={item.NameImage} id={item.NumberRoom} src={`${url}/${item.NameImage}`} />  
                <li className="numberRoom" >{item.NumberRoom}</li>
-              </>
+              </> 
              ))
            }
         </ul>
       </div>
+      <Weather />
     </>
   );
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,6 +19,7 @@ module.exports = { @@
             await connection.query(sql,(err, results, fields)=>{
                 connection.query(` INSERT INTO Floors (NumberFloor, RoomsID ) VALUES( '${request.body.floor}','${results.insertId}');`,(err, results, fields)=>{
+                    return response.json({results})
                 })
             })
@@ Expand Down @@