vrr/HelperScripts-for-ProxmoxVE
2
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2025-09-10 17:34:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Format numerical values in DataFetcher component for better readability

Browse source
This commit is contained in:
Bram Suurd 2025-09-08 12:15:52 +02:00
parent db6369f3c6
commit 72c987d1f0
No known key found for this signature in database
GPG key ID: 678AEF108B1A133E
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/app/data/page.tsx
View file

@ -38,6 +38,7 @@ const DataFetcher: React.FC = () => {
const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage, setItemsPerPage] = useState(25);
const [sortConfig, setSortConfig] = useState<{ key: string; direction: "ascending" | "descending" } | null>(null);
const nf = new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 });
useEffect(() => {
const fetchSummary = async () => {
@ -129,19 +130,24 @@ const DataFetcher: React.FC = () => {
<p className="text-lg font-bold mt-4"> </p>
<div className="mb-4 flex justify-between items-center">
<p className="text-lg font-bold">
{summary?.total_entries}
{nf.format(
summary?.total_entries ?? 0,
)}
{" "}
results found
</p>
<p className="text-lg font">
Status Legend: 🔄 installing
{summary?.status_count.installing ?? 0}
{" "}
{nf.format(summary?.status_count.installing ?? 0)}
{" "}
| ✔️ completed
{summary?.status_count.done ?? 0}
{" "}
{nf.format(summary?.status_count.done ?? 0)}
{" "}
| ❌ failed
{summary?.status_count.failed ?? 0}
{" "}
{nf.format(summary?.status_count.failed ?? 0)}
{" "}
| ❓ unknown
</p>