can provision devices

src/chat/ChatMessage.tsx

@@ -22,6 +22,7 @@ import { pond } from "protobuf-ts/pond";
 import { red } from "@mui/material/colors";
 import { makeStyles } from "@mui/styles";
 import CancelSubmit from "common/CancelSubmit";
+import { getThemeType } from "theme/themeType";
 
 interface Props {
   index: number;
@@ -35,12 +36,10 @@ const useStyles = makeStyles((theme: Theme) => ({
   },
   oddGrid: {
     backgroundColor: theme.palette.background.paper,
-    // padding: 4,
     padding: theme.spacing(1)
   },
   evenGrid: {
-    // backgroundColor: theme.palette.background.default,
-    // padding: 4
+    backgroundColor: getThemeType() === "light" ? theme.palette.background.default : undefined,
     padding: theme.spacing(1)
   },
   userAvatar: {
@@ -51,8 +50,6 @@ const useStyles = makeStyles((theme: Theme) => ({
   }
 }))
 
-
-
 /**
  * Takes in a note and renders it
  * handles deleting of the note
@@ -132,7 +129,6 @@ export default function ChatMessage(props: Props) {
       <Dialog open={dialog} onClose={closeDialog}>
         <DialogTitle>Delete Message?</DialogTitle>
         <DialogContent>Are you sure you wish to delete this message</DialogContent>
-
         <DialogActions>
           <CancelSubmit 
             onCancel={closeDialog}