From 9f5b3c88e0df07f5d23f227ac83677af9e39069e Mon Sep 17 00:00:00 2001
From: Danilo Di Cuia <danilo@tezzutezzu.com>
Date: Mon, 27 Mar 2023 12:39:45 +0200
Subject: [PATCH] firebase.json

---
 .firebaserc         |  5 +++++
 database.rules.json |  6 ++++++
 firebase.json       | 29 +++++++++++++++++++++++++++++
 src/Galleria.js     |  4 ++--
 src/Proiezione.js   |  4 +++-
 src/index.js        |  5 +++--
 storage.rules       |  8 ++++++++
 7 files changed, 56 insertions(+), 5 deletions(-)
 create mode 100644 .firebaserc
 create mode 100644 database.rules.json
 create mode 100644 firebase.json
 create mode 100644 storage.rules

diff --git a/.firebaserc b/.firebaserc
new file mode 100644
index 0000000..be3ee93
--- /dev/null
+++ b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "messaggiswing"
+  }
+}
diff --git a/database.rules.json b/database.rules.json
new file mode 100644
index 0000000..b104e9c
--- /dev/null
+++ b/database.rules.json
@@ -0,0 +1,6 @@
+{
+  "rules": {
+    ".read": true,
+    ".write": true
+  }
+}
\ No newline at end of file
diff --git a/firebase.json b/firebase.json
new file mode 100644
index 0000000..677cfbd
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/src/Galleria.js b/src/Galleria.js
index fec589f..374fb67 100644
--- a/src/Galleria.js
+++ b/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>
diff --git a/src/Proiezione.js b/src/Proiezione.js
index 7a38eab..ea4b20a 100644
--- a/src/Proiezione.js
+++ b/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" />
diff --git a/src/index.js b/src/index.js
index 07beb01..7cee701 100644
--- a/src/index.js
+++ b/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>
diff --git a/storage.rules b/storage.rules
new file mode 100644
index 0000000..9f33d22
--- /dev/null
+++ b/storage.rules
@@ -0,0 +1,8 @@
+rules_version = '2';
+service firebase.storage {
+  match /b/{bucket}/o {
+    match /{allPaths=**} {
+      allow read, write: if false;
+    }
+  }
+}