✨ Give Boss Sentience (#1250)

Dsek-LTH · Sep 5, 2023 · 6af4cfb · 6af4cfb
1 parent e04088c
commit 6af4cfb
Show file tree

Hide file tree

Showing 6 changed files with 929 additions and 346 deletions.
diff --git a/frontend/components/Mojt/Message.tsx b/frontend/components/Mojt/Message.tsx
@@ -0,0 +1,35 @@
+import { Paper, Stack, Typography } from '@mui/material';
+
+export type MessageType = {
+  content: string;
+  sentByYou: boolean;
+  color: string;
+};
+
+export default function Message({ message }: { message: MessageType }) {
+  return (
+    <Paper
+      elevation={3}
+      style={{
+        width: 'fit-content',
+        marginLeft: message.sentByYou ? 'auto' : undefined,
+      }}
+    >
+      <Stack
+        padding={2}
+        style={{
+          width: 'fit-content',
+        }}
+      >
+        <Typography
+          style={{
+            color: message.color,
+          }}
+        >
+          {message.sentByYou ? 'Du: ' : 'Boss: '}
+          {message.content}
+        </Typography>
+      </Stack>
+    </Paper>
+  );
+}