From 3fb043e2f8dfdef32eac74b932079a8f0ec5a8da Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 27 May 2022 23:57:26 -0500
Subject: [PATCH] adding inbox

---
 packages/desktop/src/components/Terminal.tsx | 43 ++++++++++++++++++++
 packages/desktop/src/mui/NirvanaTheme.ts     |  4 ++
 2 files changed, 47 insertions(+)

diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index 4439cad..ea75c12 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -3,6 +3,7 @@ import React, { useCallback, useRef } from 'react';
 import { Container } from '@mui/system';
 import {
   Avatar,
+  Badge,
   Box,
   Divider,
   Grid,
@@ -144,6 +145,48 @@ export default function Terminal() {
           </List>
 
           <Divider />
+
+          <List
+            sx={{
+              pt: 2,
+            }}
+            subheader={
+              <ListSubheader>
+                <FiActivity />
+                <Typography variant="subtitle2"> Inbox</Typography>
+              </ListSubheader>
+            }
+          >
+            <ListItem>
+              <ListItemAvatar>
+                <Avatar
+                  sx={{ height: 25, width: 25 }}
+                  alt={'Arjun Patel'}
+                  src="https://mui.com/static/images/avatar/5.jpg"
+                />
+              </ListItemAvatar>
+
+              <ListItemText primary="James Lin" />
+
+              <Badge color="primary" badgeContent=" " variant="dot"></Badge>
+            </ListItem>
+
+            <Divider variant="inset" component="li" />
+
+            <ListItem>
+              <ListItemAvatar>
+                <Avatar
+                  sx={{ height: 25, width: 25 }}
+                  alt={'Arjun Patel'}
+                  src="https://mui.com/static/images/avatar/4.jpg"
+                />
+              </ListItemAvatar>
+
+              <ListItemText primary="Janet" />
+
+              <Typography variant={'caption'}>2 hours ago</Typography>
+            </ListItem>
+          </List>
         </Stack>
       </Grid>
       <Grid item xs={8} sx={{ backgroundColor: 'white', padding: 1 }}>
diff --git a/packages/desktop/src/mui/NirvanaTheme.ts b/packages/desktop/src/mui/NirvanaTheme.ts
index 88842bd..ac576f1 100644
--- a/packages/desktop/src/mui/NirvanaTheme.ts
+++ b/packages/desktop/src/mui/NirvanaTheme.ts
@@ -1,4 +1,5 @@
 import { createTheme } from '@mui/material';
+import { blueGrey } from '@mui/material/colors';
 
 export const NirvanaTheme = createTheme({
   typography: {
@@ -6,6 +7,9 @@ export const NirvanaTheme = createTheme({
     overline: {
       letterSpacing: 2,
     },
+    caption: {
+      color: blueGrey[200],
+    },
   },
   palette: {
     primary: {