LogalDeveloper/owncast
0
Fork 0
Code Activity

changed statusbar colors

Browse Source
This commit is contained in:
t1enne
2022-10-13 21:22:58 +02:00
parent ecfb4a4c53
commit 0ff49f1c32
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/ui/Statusbar/Statusbar.tsx
View File

@@ -1,7 +1,7 @@
import formatDistanceToNow from 'date-fns/formatDistanceToNow';
import intervalToDuration from 'date-fns/intervalToDuration';
import { FC, useEffect, useState } from 'react';
import { EyeOutlined } from '@ant-design/icons';
import { EyeFilled } from '@ant-design/icons';
import styles from './Statusbar.module.scss';
export type StatusbarProps = {
@@ -45,9 +45,12 @@ export const Statusbar: FC<StatusbarProps> = ({
const duration = makeDurationString(new Date(lastConnectTime));
onlineMessage = online ? `Live for ${duration}` : 'Offline';
rightSideMessage = viewerCount > 0 && (
<span>
<EyeOutlined /> {viewerCount}
</span>
<div className={styles.right}>
<span>
<EyeFilled />
</span>
<span>{` ${viewerCount}`}</span>
</div>
);
} else if (!online) {
onlineMessage = 'Offline';