blabla

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 (
     <div className={"fade-" + fadeProp}>
       <div
@@ -130,7 +132,7 @@ const Messaggio = ({ messaggiApprovati }) => {
               <img
                 src={messaggioDaMostrare.immagineURL}
                 style={{
-                  width: 200,
+                  width: imageWidth,
                 }}
               />
             )}

src/index.js

@@ -49,6 +49,9 @@ export function CheckboxListSecondary({ messaggi, onChecked }) {
             disablePadding
           >
             <ListItemButton>
+              {m.immagineURL && (
+                <img src={m.immagineURL} style={{ width: 50 }} />
+              )}
               <ListItemText
                 id={labelId}
                 primary={`"${m.testo}" da ${m.autore}`}