update some home styles

web/pages/components/chart.tsx

@@ -1,5 +1,5 @@
 import { LineChart } from 'react-chartkick'
-import styles from '../../styles/styles.module.css';
+import styles from '../../styles/styles.module.scss';
 import 'chart.js';
 
 const defaultProps = {

web/pages/components/logo.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import adminStyles from '../../styles/styles.module.css';
+import adminStyles from '../../styles/styles.module.scss';
 
 export default function Logo() {
   return (

web/pages/components/main-layout.tsx

@@ -21,7 +21,7 @@ import { parseSecondsToDurationString } from '../../utils/format'
 import OwncastLogo from './logo';
 import { ServerStatusContext } from '../../utils/server-status-context';
 
-import adminStyles from '../../styles/styles.module.css';
+import adminStyles from '../../styles/styles.module.scss';
 
 let performedUpgradeCheck = false;
 

web/pages/components/statistic.tsx

@@ -1,4 +1,4 @@
-import { Typography, Statistic, Card, Col, Progress} from "antd";
+import { Typography, Statistic, Card, Progress} from "antd";
 const { Text } = Typography;
 
 interface StatisticItemProps {
@@ -8,6 +8,7 @@ interface StatisticItemProps {
   color?: string,
   progress?: boolean,
   centered?: boolean,
+  formatter?: any,
 };
 const defaultProps = {
   title: '', 
@@ -16,6 +17,7 @@ const defaultProps = {
   color: '',
   progress: false,
   centered: false,
+  formatter: null,
 };
 
 
@@ -43,14 +45,15 @@ function ProgressView({ title, value, prefix, color }: StatisticItemProps) {
 }
 ProgressView.defaultProps = defaultProps;
 
-function StatisticView({ title, value, prefix }: StatisticItemProps) {
+function StatisticView({ title, value, prefix, formatter }: StatisticItemProps) {
   return (
     <Statistic
       title={title}
       value={value}
       prefix={prefix}
-  />
-  )
+      formatter={formatter}
+   />
+  );
 }
 StatisticView.defaultProps = defaultProps;