firebase.json

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "messaggiswing"
+  }
+}

database.rules.json

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    ".read": true,
+    ".write": true
+  }
+}

firebase.json

@@ -0,0 +1,29 @@
+{
+  "database": {
+    "rules": "database.rules.json"
+  },
+  "hosting": {
+    "public": "build",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "headers": [
+      {
+        "source": "**/.jpg",
+        "headers": [
+          {
+            "key": "Cache-Control",
+            "value": "max-age=3000000"
+          }
+        ]
+      }
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  },
+  "storage": {
+    "rules": "storage.rules"
+  }
+}

src/Galleria.js

@@ -20,7 +20,7 @@ export const Galleria = () => {
   useEffect(() => {
     var messagesRef = firebase.database().ref(`/messaggi/${evento}`);
 
-    messagesRef.on("value", function (snapshot) {
+    messagesRef.once("value", function (snapshot) {
       const messaggiObject = snapshot.val();
       const messaggi = Object.keys(messaggiObject)
         .map((d) => {
@@ -35,6 +35,7 @@ export const Galleria = () => {
         messaggi
           .filter((d) => d.immagineURL != null)
           .map((d) => {
+            console.log(d.immagineURL);
             return d.immagineURL;
           })
       );
@@ -105,7 +106,6 @@ export const Galleria = () => {
 const ContenitoreMessaggio = ({ messaggi }) => {
   const [indiceCorrente, cambiaindiceCorrente] = useState(0);
   const messaggioDaMostrare = messaggi[indiceCorrente];
-  console.log(indiceCorrente);
   return (
     <Stack sx={{ zIndex: 1 }}>
       <div>

src/Proiezione.js

@@ -107,9 +107,10 @@ const Messaggio = ({ messaggiApprovati }) => {
 
   useEffect(() => {
     const newMessage = messaggiApprovati[indiceCorrente];
-    if (newMessage != messaggioDaMostrare) {
+    if (newMessage !== messaggioDaMostrare) {
       setFadeProp("out");
       const timeout = setTimeout(() => {
+        console.log(newMessage.immagineURL);
         if (newMessage.immagineURL) {
           const img = new Image();
           img.onload = (i) => {
@@ -184,6 +185,7 @@ const Messaggio = ({ messaggiApprovati }) => {
 };
 
 export const VideoComponent = React.memo(() => {
+  console.log("asdf");
   return (
     <video autoPlay muted loop id="myVideo">
       <source src={process.env.PUBLIC_URL + "/video.mp4"} type="video/mp4" />

src/index.js

@@ -4,11 +4,10 @@ import ReactDOM from "react-dom/client";
 import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
 import firebase from "firebase/app";
 import "firebase/database";
-import Checkbox from "@mui/material/Checkbox";
+import "firebase/analytics";
 import { Proiezione } from "./Proiezione";
 import { MyForm } from "./MyForm";
 import { Admin } from "./Admin";
-import { Stack } from "@mui/system";
 import { Galleria } from "./Galleria";
 
 const firebaseConfig = {
@@ -18,11 +17,13 @@ const firebaseConfig = {
   storageBucket: "messaggiswing.appspot.com",
   messagingSenderId: "983131964310",
   appId: "1:983131964310:web:5ef430e42c42d2dfe253b7",
+  measurementId: "G-1CBJZ3B48E",
   databaseURL:
     "https://messaggiswing-default-rtdb.europe-west1.firebasedatabase.app",
 };
 
 firebase.initializeApp(firebaseConfig);
+firebase.analytics();
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <Router>

storage.rules

@@ -0,0 +1,8 @@
+rules_version = '2';
+service firebase.storage {
+  match /b/{bucket}/o {
+    match /{allPaths=**} {
+      allow read, write: if false;
+    }
+  }
+}