fix: format user count (#6994)

pull/6997/head
Arik Chakma 3 months ago committed by GitHub
parent 1c3d86f085
commit 29fa5397f3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 7
      src/components/Projects/ProjectCard.tsx
  2. 2
      src/data/projects/task-tracker-js.md

@ -4,6 +4,7 @@ import type {
ProjectFileType, ProjectFileType,
} from '../../lib/project.ts'; } from '../../lib/project.ts';
import { Users } from 'lucide-react'; import { Users } from 'lucide-react';
import { formatCommaNumber } from '../../lib/number.ts';
type ProjectCardProps = { type ProjectCardProps = {
project: ProjectFileType; project: ProjectFileType;
@ -39,7 +40,11 @@ export function ProjectCard(props: ProjectCardProps) {
</span> </span>
<span className="flex items-center gap-2 text-xs text-gray-400"> <span className="flex items-center gap-2 text-xs text-gray-400">
<Users className="inline-block size-3.5" /> <Users className="inline-block size-3.5" />
{userCount > 0 ? <>{userCount} Started</> : <>Be the first to solve!</>} {userCount > 0 ? (
<>{formatCommaNumber(userCount)} Started</>
) : (
<>Be the first to solve!</>
)}
</span> </span>
</a> </a>
); );

@ -1,6 +1,6 @@
--- ---
title: 'Task Tracker' title: 'Task Tracker'
description: 'Create a task tracker with a to-do list using HTML, CSS, and JavaScript.' description: 'Create a task tracker with a to-do list using JavaScript.'
isNew: false isNew: false
sort: 22 sort: 22
difficulty: 'intermediate' difficulty: 'intermediate'

Loading…
Cancel
Save