improvements to upload and style changes

package.json

@@ -30,7 +30,7 @@
     ]
   },
   "scripts": {
-    "go": "npm run build && rm ./build/video.mp4 && scp -r ./build danilo@enne2.net:www/letsswingchat/",
+    "go": "npm run build && rm ./build/*.mp4 && scp -r ./build danilo@enne2.net:www/letsswingchat/",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Chat Let's Swing!",
+  "name": "Chat Let's Swing!",
   "icons": [
     {
       "src": "favicon.ico",

src/ImageUpload.js

@@ -66,22 +66,38 @@ function ImageUpload({ onImageURLSet, onImageUploading }) {
     default:
     case IDLE:
       componente = (
-        <>
+        <Stack
+          style={{ justifyContent: "center", alignItems: "center" }}
+          direction="row"
+        >
           <input
             style={{ display: "none" }}
-            id="raised-button-file"
+            id="camera-input"
             multiple
             type="file"
             accept="image/*"
             capture="camera"
             onChange={handleChange}
           />
-          <label htmlFor="raised-button-file">
+          <label htmlFor="camera-input">
+            <Button style={{ padding: 20, width: "100%" }} component="span">
+              scatta una foto
+            </Button>
+          </label>
+          <input
+            style={{ display: "none" }}
+            id="gallery-input"
+            multiple
+            type="file"
+            accept="image/*"
+            onChange={handleChange}
+          />
+          <label htmlFor="gallery-input">
             <Button style={{ padding: 20, width: "100%" }} component="span">
               Aggiungi un'immagine
             </Button>
           </label>
-        </>
+        </Stack>
       );
       break;
     case IMAGE_SET:

src/MyForm.js

@@ -20,6 +20,7 @@ export const MyForm = () => {
       keepValues: false,
     });
     setMandato(true);
+    cambiaimmagineURL(null);
     var postListRef = firebase.database().ref(`messaggi/${evento}`);
     var newPostRef = postListRef.push();
     const update = {

src/Proiezione.js

@@ -184,10 +184,9 @@ 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" />
+      <source src={"/video.mp4"} type="video/mp4" />
     </video>
   );
 });