can provision devices

src/chat/ChatInput.tsx

@@ -120,6 +120,11 @@ export default function ChatInput(props: Props) {
     clearEntry();
   };
 
+  const getPlaceholder = () => {
+    if (type === pond.NoteType.NOTE_TYPE_TEAM) return "Message team..."
+    return "Type to chat..."
+  }
+
   return (
     <React.Fragment>
       <Grid
@@ -139,6 +144,7 @@ export default function ChatInput(props: Props) {
                 onChange={e => setMessage(e.target.value)}
                 onKeyDown={onKeyDown}
                 onKeyUp={onKeyUp}
+                placeholder={getPlaceholder()}
               />
               <Box
                 style={{

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}