DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: dividers in calendar bottom bar (#120)

Browse Source 
* feat: added dividers to CalendarBottomBar

* fix: fix import order
This commit is contained in:
Samuel Gunter
2024-03-01 15:17:23 -06:00
committed by doprz
parent d9ee23c5bb
commit eba5d9f508
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/components/calendar/CalendarBottomBar/CalendarBottomBar.tsx
View File

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