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 (
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 (