diff --git a/src/Admin.js b/src/Admin.js index 5f93b82..55f14b6 100644 --- a/src/Admin.js +++ b/src/Admin.js @@ -67,8 +67,26 @@ export const Admin = () => { }); messagesRef.on("child_changed", function (snapshot) { - var messaggio = snapshot.val(); - const i = messaggi.findIndex((m) => messaggio.timestamp === m.timestamp); + messagesRef.once("value", function (snapshot) { + var messaggi = snapshot.val(); + if (messaggi) { + messaggi = Object.keys(messaggi).map((d) => messaggi[d]); + cambiaMessaggi(messaggi); + } + }); + }); + + messagesRef.on("child_removed", function (snapshot) { + messagesRef.once("value", function (snapshot) { + var messaggi = snapshot.val(); + if (messaggi) { + messaggi = Object.keys(messaggi).map((d) => messaggi[d]); + console.log("sdaf"); + cambiaMessaggi(messaggi); + } else { + cambiaMessaggi([]); + } + }); }); }, []); diff --git a/src/Proiezione.js b/src/Proiezione.js index 88e0f26..ccc530a 100644 --- a/src/Proiezione.js +++ b/src/Proiezione.js @@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react"; import firebase from "firebase/app"; import { Button, Grid, Stack } from "@mui/material"; import videoSrc from "./video.mp4"; -import logoSrc from "./logo.svg"; +import logoSrc from "./logo_chat.svg"; import { useParams } from "react-router-dom"; const SHOW_MESSAGE_TIME = 6000; @@ -57,6 +57,8 @@ export const Proiezione = () => { return newArray; }); }); + + messagesRef.onDisconnect(); }, []); const ContainerMessaggio = ({ messaggiApprovati }) => { diff --git a/src/logo_chat.svg b/src/logo_chat.svg index e631ca8..0aa7a0f 100644 --- a/src/logo_chat.svg +++ b/src/logo_chat.svg @@ -1,22 +1,24 @@ - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + +