From e55cc77d983f73fad837bf04c4b2318190d4c47c Mon Sep 17 00:00:00 2001
From: Danilo Di Cuia <danilo@tezzutezzu.com>
Date: Fri, 30 Dec 2022 21:07:19 +0100
Subject: [PATCH] fixed admin

---
 src/index.js | 69 ++++++++++++++++++++++++++++------------------------
 1 file changed, 37 insertions(+), 32 deletions(-)

diff --git a/src/index.js b/src/index.js
index df2bcca..c6b1567 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,4 @@
+import IconButton from "@mui/material/IconButton";
 import DeleteIcon from "@mui/icons-material/Delete";
 import "./App.css";
 import React from "react";
@@ -14,6 +15,8 @@ import Checkbox from "@mui/material/Checkbox";
 import { Proiezione } from "./Proiezione";
 import { MyForm } from "./MyForm";
 import { Admin } from "./Admin";
+import { Button } from "@mui/material";
+import { Stack } from "@mui/system";
 
 const firebaseConfig = {
   apiKey: "AIzaSyBWE1l8WV_7eyKT-PMu0Kq2w_WiV0SUhJw",
@@ -30,43 +33,45 @@ firebase.initializeApp(firebaseConfig);
 
 export function CheckboxListSecondary({ messaggi, onChecked }) {
   return (
-    <List
-      dense
-      sx={{ width: "100%", maxWidth: 360, bgcolor: "background.paper" }}
-    >
+    <Stack spacing={4}>
       {messaggi.map((m) => {
         const labelId = `checkbox-list-secondary-label-${m.timestamp}`;
         return (
-          <ListItem
-            key={m.timestamp}
-            primaryAction={
-              <Button variant="outlined" startIcon={<DeleteIcon />}>
-                Delete
-              </Button>
-            }
-            secondaryAction={
-              <Checkbox
-                edge="end"
-                onChange={() => onChecked(m)}
-                checked={m.approvato}
-                inputProps={{ "aria-labelledby": labelId }}
-              />
-            }
-            disablePadding
-          >
-            <ListItemButton>
-              {m.immagineURL && (
-                <img src={m.immagineURL} style={{ width: 50 }} />
-              )}
-              <ListItemText
-                id={labelId}
-                primary={`"${m.testo}" da ${m.autore}`}
-              />
-            </ListItemButton>
-          </ListItem>
+          <Stack spacing={3} direction="row" key={m.timestamp}>
+            <Checkbox
+              edge="end"
+              onChange={() => onChecked(m)}
+              checked={m.approvato}
+              inputProps={{ "aria-labelledby": labelId }}
+            />
+
+            <div
+              style={{
+                background: `url("${m.immagineURL}")`,
+                backgroundSize: "cover",
+                width: 50,
+                height: 50,
+              }}
+            />
+
+            <p
+              style={{ maxWidth: 200, width: 200 }}
+            >{`"${m.testo}" da ${m.autore}`}</p>
+            <IconButton
+              variant="outlined"
+              onClick={() => {
+                firebase
+                  .database()
+                  .ref("messaggi/" + m.id)
+                  .remove();
+              }}
+            >
+              <DeleteIcon />
+            </IconButton>
+          </Stack>
         );
       })}
-    </List>
+    </Stack>
   );
 }