public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-04-11 00:30:19 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Server heavy refactoring 4 (not functionnal)

Browse Source
This commit is contained in:
Sebastien Riviere
2026-03-12 23:17:21 +01:00
parent e1b6c0e0c5
commit 1389dce132
95 changed files with 5320 additions and 27986 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
server/traque-front/app/admin/components/teamViewer.jsx
View File

@@ -1,20 +1,28 @@
import Image from 'next/image';
import { List } from '@/components/list';
import useAdmin from '@/hook/useAdmin';
import { getStatus } from '@/util/functions';
import { useMemo } from 'react';
import { useEffect, useMemo, useState } from 'react';
import { useAdmin } from '@/context/adminContext';
function TeamViewerItem({ team }) {
const { gameState } = useAdmin();
const [dateNow, setDateNow] = useState(0);
const status = getStatus(team, gameState);
const NO_VALUE = "XX";
useEffect(() => {
const interval = setInterval(() => setDateNow(Date.now()), 1000);
return () => clearInterval(interval);
}, []);
return (
<div className={`w-full flex flex-row gap-3 p-2 ${team.captured ? 'bg-gray-200' : 'bg-white'} justify-between`}>
<div className='flex flex-row items-center gap-3'>
<div className='flex flex-row gap-1'>
<img src={`/icons/user/${team.sockets.length > 0 ? "green" : "red"}.png`} className="w-4 h-4" />
<img src={`/icons/battery/${team.battery >= 20 ? "green" : "red"}.png`} className="w-4 h-4" />
<img src={`/icons/location/${team.lastCurrentLocationDate && (Date.now() - team.lastCurrentLocationDate <= 30000) ? "green" : "red"}.png`} className="w-4 h-4" />
<Image src={`/icons/user/${team.sockets.length > 0 ? "green" : "red"}.png`} alt="icon" className="w-4 h-4" />
<Image src={`/icons/battery/${team.battery >= 20 ? "green" : "red"}.png`} alt="icon" className="w-4 h-4" />
<Image src={`/icons/location/${team.lastCurrentLocationDate && (dateNow - team.lastCurrentLocationDate <= 30000) ? "green" : "red"}.png`} alt="icon" className="w-4 h-4" />
</div>
<p className="text-xl font-bold">{team.name ?? NO_VALUE}</p>
</div>