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

feat: fix icons on PopupMain

Browse Source
This commit is contained in:
DhruvArora-03
2024-02-24 20:52:28 -06:00
parent e4a368fbb6
commit dee20c6523
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/components/PopupMain.tsx
View File

@@ -10,9 +10,12 @@ import { handleOpenCalendar } from '@views/components/injected/CourseCatalogInje
import useSchedules from '@views/hooks/useSchedules'; import useSchedules from '@views/hooks/useSchedules';
import { openTabFromContentScript } from '@views/lib/openNewTabFromContentScript'; import { openTabFromContentScript } from '@views/lib/openNewTabFromContentScript';
import React from 'react'; import React from 'react';
import { FaCalendarAlt, FaCog, FaRedo } from 'react-icons/fa'; // Added FaRedo for the refresh icon
import { TestColors } from 'src/stories/components/PopupCourseBlock.stories'; import { TestColors } from 'src/stories/components/PopupCourseBlock.stories';
import CalendarIcon from '~icons/material-symbols/calendar-month';
import RefreshIcon from '~icons/material-symbols/refresh';
import SettingsIcon from '~icons/material-symbols/settings';
/** /**
* Renders the main popup component. * Renders the main popup component.
* This component displays the main schedule, courses, and options buttons. * This component displays the main schedule, courses, and options buttons.
@@ -50,7 +53,7 @@ export default function PopupMain() {
style={{ backgroundColor: '#bf5700', borderRadius: '8px', padding: '8px' }} style={{ backgroundColor: '#bf5700', borderRadius: '8px', padding: '8px' }}
onClick={handleOpenCalendar} onClick={handleOpenCalendar}
> >
<FaCalendarAlt color='white' /> <CalendarIcon color='white' />
</button> </button>
<button <button
style={{ style={{
@@ -62,7 +65,7 @@ export default function PopupMain() {
}} }}
onClick={handleOpenOptions} onClick={handleOpenOptions}
> >
<FaCog color='#C05621' /> <SettingsIcon color='#C05621' />
</button> </button>
</div> </div>
</div> </div>
@@ -152,7 +155,7 @@ export default function PopupMain() {
<Text as='div' variant='mini'> <Text as='div' variant='mini'>
DATA UPDATED ON: 12:00 AM 02/01/2024 DATA UPDATED ON: 12:00 AM 02/01/2024
</Text> </Text>
<FaRedo className='ml-2 h-4 w-4 text-gray-600' /> <RefreshIcon className='ml-2 h-4 w-4 text-gray-600' />
</div> </div>
</div> </div>
</div> </div>