diff options
| author | AAGaming <aa@mail.catvibers.me> | 2022-08-21 16:41:25 -0400 |
|---|---|---|
| committer | AAGaming <aa@mail.catvibers.me> | 2022-08-21 16:41:25 -0400 |
| commit | 8b3f569a09db9daf7748426f916a66591159928f (patch) | |
| tree | 237cc3711c7098b30a7e7cda97db9e406b0f7db0 /frontend/src/components/NotificationBadge.tsx | |
| parent | 1930400032a850b833f5f71523008e326f40547a (diff) | |
| download | decky-loader-0ff0c1329210f45d7b640bb87fc7ae0ea01f7237.tar.gz decky-loader-0ff0c1329210f45d7b640bb87fc7ae0ea01f7237.zip | |
Add plugin updater, notification badge, fixesv2.0.5-pre15
Diffstat (limited to 'frontend/src/components/NotificationBadge.tsx')
| -rw-r--r-- | frontend/src/components/NotificationBadge.tsx | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/frontend/src/components/NotificationBadge.tsx b/frontend/src/components/NotificationBadge.tsx new file mode 100644 index 00000000..3c5d8215 --- /dev/null +++ b/frontend/src/components/NotificationBadge.tsx @@ -0,0 +1,25 @@ +import { CSSProperties, FunctionComponent } from 'react'; + +interface NotificationBadgeProps { + show?: boolean; + style?: CSSProperties; +} + +const NotificationBadge: FunctionComponent<NotificationBadgeProps> = ({ show, style }) => { + return show ? ( + <div + style={{ + position: 'absolute', + top: '8px', + right: '8px', + height: '10px', + width: '10px', + background: 'orange', + borderRadius: '50%', + ...style, + }} + /> + ) : null; +}; + +export default NotificationBadge; |
