diff --git a/src/Proiezione.js b/src/Proiezione.js index baf3687..6f5dc70 100644 --- a/src/Proiezione.js +++ b/src/Proiezione.js @@ -70,7 +70,7 @@ const Messaggio = ({ messaggiApprovati }) => { const [fadeProp, setFadeProp] = useState("in"); const [messaggioDaMostrare, setMessaggioDaMostrare] = useState(null); const [indiceCorrente, cambiaindiceCorrente] = useState(0); - + const [imageWidth, setImageWidth] = useState(0); const nextMessage = () => { const newIndice = (indiceCorrente + 1) % messaggiApprovati.length; console.log("newIndice", newIndice); @@ -93,8 +93,10 @@ const Messaggio = ({ messaggiApprovati }) => { const timeout = setTimeout(() => { if (newMessage.immagineURL) { const img = new Image(); - img.onload = (img) => { + img.onload = (i) => { console.log("loaded"); + console.log(img.width, img.height); + setImageWidth(img.width > img.height ? 600 : 200); showNextMessage(newMessage); }; img.src = newMessage.immagineURL; @@ -106,7 +108,7 @@ const Messaggio = ({ messaggiApprovati }) => { } }, [indiceCorrente]); - console.log(messaggioDaMostrare); + console.log(imageWidth); return (
{ )} diff --git a/src/index.js b/src/index.js index dea9004..0c6f1db 100644 --- a/src/index.js +++ b/src/index.js @@ -49,6 +49,9 @@ export function CheckboxListSecondary({ messaggi, onChecked }) { disablePadding > + {m.immagineURL && ( + + )}