glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-13 15:27:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Style footer Job-counts.

Browse Source
This commit is contained in:
glax
2024-10-19 20:06:40 +02:00
parent 30f3903662
commit 09be1c64a3
2 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Website/modules/Footer.tsx
View File

@ -1,6 +1,8 @@
import React, {useEffect} from 'react';
import '../styles/footer.css';
import {Job} from './Job';
import Icon from '@mdi/react';
import { mdiRun, mdiCounter, mdiEyeCheck } from '@mdi/js';
export default function Footer(){
const [MonitoringJobsCount, setMonitoringJobsCount] = React.useState(0);
@ -19,9 +21,9 @@ export default function Footer(){
return (
<footer>
<p>{MonitoringJobsCount}</p>
<p>{AllJobsCount}</p>
<p>{RunningJobsCount}</p>
<div><Icon path={mdiEyeCheck} size={1} /> <span>{MonitoringJobsCount}</span></div>
<div><Icon path={mdiRun} size={1} /> <span>{RunningJobsCount}</span></div>
<div><Icon path={mdiCounter} size={1} /> <span>{AllJobsCount}</span></div>
<p id="madeWith">Made with Blåhaj 🦈</p>
</footer>)
}