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

feat(ui): change icons to phosphor-icons #467 (#469)

Browse Source 
* change icons to phosphor-icons

* feat(ui): change icons to phosphor-icons

* feat(ui): change icons to phosphor-icons

* feat(ui): correct icon sizes, weights, and colors

* feat(ui): change arrow-up-right sizes to 16px
This commit is contained in:
Preston Cook
2024-12-31 13:36:08 -06:00
committed by GitHub
parent 918f4e419c
commit 37bd7e79d9
25 changed files with 112 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/shared/util/icons.tsx
View File

@@ -1,12 +1,9 @@
import { ClockUser, LockKey, Prohibit } from '@phosphor-icons/react';
import type { StatusType } from '@shared/types/Course';
import { Status } from '@shared/types/Course';
import type { SVGProps } from 'react';
import React from 'react';
import ClosedIcon from '~icons/material-symbols/lock';
import WaitlistIcon from '~icons/material-symbols/timelapse';
import CancelledIcon from '~icons/material-symbols/warning';
interface StatusIconProps extends SVGProps<SVGSVGElement> {
status: StatusType;
}
@@ -22,11 +19,11 @@ export function StatusIcon(props: StatusIconProps): JSX.Element | null {
switch (status) {
case Status.WAITLISTED:
return <WaitlistIcon {...rest} />;
return <ClockUser weight='fill' {...rest} />;
case Status.CLOSED:
return <ClosedIcon {...rest} />;
return <LockKey weight='fill' {...rest} />;
case Status.CANCELLED:
return <CancelledIcon {...rest} />;
return <Prohibit weight='fill' {...rest} />;
default:
return null;
}