From eba5d9f508576d2648bd2501e5d5aaff32592566 Mon Sep 17 00:00:00 2001
From: Samuel Gunter <sgunter@utexas.edu>
Date: Fri, 1 Mar 2024 15:17:23 -0600
Subject: [PATCH] feat: dividers in calendar bottom bar (#120)

* feat: added dividers to CalendarBottomBar

* fix: fix import order
---
 .../calendar/CalendarBottomBar/CalendarBottomBar.tsx           | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/views/components/calendar/CalendarBottomBar/CalendarBottomBar.tsx b/src/views/components/calendar/CalendarBottomBar/CalendarBottomBar.tsx
index 05190fb1..2b66f19b 100644
--- a/src/views/components/calendar/CalendarBottomBar/CalendarBottomBar.tsx
+++ b/src/views/components/calendar/CalendarBottomBar/CalendarBottomBar.tsx
@@ -1,5 +1,6 @@
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
 import { Button } from '@views/components/common/Button/Button';
+import Divider from '@views/components/common/Divider/Divider';
 import Text from '@views/components/common/Text/Text';
 import clsx from 'clsx';
 import { toPng } from 'html-to-image';
@@ -126,9 +127,11 @@ export const CalendarBottomBar = ({ courses, calendarRef }: CalendarBottomBarPro
                 </div>
             </div>
             <div className='flex items-center pl-2.5 pr-7.5'>
+                <Divider orientation='vertical' size='1rem' className='mx-1.25' />
                 <Button variant='single' color='ut-black' icon={CalendarMonthIcon} onClick={saveAsCal}>
                     Save as .CAL
                 </Button>
+                <Divider orientation='vertical' size='1rem' className='mx-1.25' />
                 <Button variant='single' color='ut-black' icon={ImageIcon} onClick={saveAsPng}>
                     Save as .PNG
                 </Button>