From 436fd3a2ba619625930de7cf89293f3a2730cf50 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 20 Jun 2022 10:10:44 -0500
Subject: [PATCH] nice sort of test of scroll but have to reorganize now

---
 packages/desktop/src/tree/MainPanel.tsx | 30 ++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/packages/desktop/src/tree/MainPanel.tsx b/packages/desktop/src/tree/MainPanel.tsx
index c88fe87..1791f5d 100644
--- a/packages/desktop/src/tree/MainPanel.tsx
+++ b/packages/desktop/src/tree/MainPanel.tsx
@@ -122,7 +122,35 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
 
         {/* main canvas */}
         <Container maxWidth={'sm'} sx={{ pt: 2 }}>
-          <ConversationChunk />
+          <Stack spacing={1} sx={{ display: 'flex', flexDirection: 'column', py: 2 }}>
+            <Typography textAlign={'center'} color="GrayText" variant={'subtitle1'}>
+              last week
+            </Typography>
+
+            <ConversationChunk />
+
+            <ConversationChunk />
+
+            <ConversationChunk />
+          </Stack>
+
+          <Stack spacing={1} sx={{ display: 'flex', flexDirection: 'column', py: 2 }}>
+            <Typography textAlign={'center'} color="GrayText" variant={'subtitle1'}>
+              yesterday
+            </Typography>
+
+            <ConversationChunk />
+          </Stack>
+
+          <Stack spacing={1} sx={{ display: 'flex', flexDirection: 'column', py: 2 }}>
+            <Typography textAlign={'center'} color="GrayText" variant={'subtitle1'}>
+              today
+            </Typography>
+
+            <ConversationChunk />
+
+            <ConversationChunk />
+          </Stack>
         </Container>
 
         <Container maxWidth={false}>