Romain/ticcat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add loader

Browse Source
This commit is contained in:
Romulus21
2024-03-04 17:42:05 +01:00
parent 6609738650
commit 8fcf3dd680
3 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/pages/TimeTrackersIndex.tsx
View File

@@ -1,7 +1,7 @@
import React, {useEffect, useState} from "react"
import useAxiosTools from "../hooks/AxiosTools"
import {timeTracker} from "../utilities/types"
import {EditSVG, PlaySVG} from "../components/SVG"
import {EditSVG, LoaderSVG, PlaySVG} from "../components/SVG"
import useTracker from "../hooks/TraskerHook"
import {Modal} from "../components/Modals"
import TimeTrackerEdit from "../components/TimeTrackers/TimeTrackerEdit"
@@ -38,6 +38,8 @@ const TimeTrackersIndex = () => {
return <div className="p-5">
{errorLabel()}
<ul>
{loading && <LoaderSVG className="mb-px ml-2 inline h-5 stroke-white" />}
{timeTrackers.length === 0 && <li className="flex">Aucun contenu a disponible</li>}
{timeTrackers.map(tracker => <li key={tracker.id} className="flex justify-between gap-5 odd:bg-blue-950">
<span className="w-24 text-center">{tracker.start_at ? (new Date(tracker.start_at)).toSmallFrDate() : ''}</span>
<span className="w-24 text-center">{(new Date(tracker.end_at)).toSmallFrDate()}</span>