sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-20 14:34:05 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: improve tag display logic in ProjectCard component to filter out null or blank tags

Browse Source
This commit is contained in:
Pattadon 2024-11-08 16:43:12 +07:00
parent 40b0c7dcdc
commit 1c8d68183a
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/projectCard.tsx
View File

@ -71,15 +71,19 @@ export function ProjectCard(props: ProjectCardProps) {
<span className="text-xs">{props.location}</span> <span className="text-xs">{props.location}</span>
</div> </div>
<div className="flex flex-wrap mt-1 items-center text-muted-foreground"> <div className="flex flex-wrap mt-1 items-center text-muted-foreground">
{props.tags && Array.isArray(props.tags) ? ( {props.tags?.length !== 0 && Array.isArray(props.tags)
props.tags.map((tag) => ( ? props.tags
<span id="tag" key={tag} className="text-[10px] rounded-md bg-slate-200 dark:bg-slate-700 p-1 mr-1"> .filter((tag) => tag && tag.trim() !== "") // Filters out null or blank tags
.map((tag) => (
<span
id="tag"
key={tag}
className="text-[10px] rounded-md bg-slate-200 dark:bg-slate-700 p-1 mr-1"
>
{tag} {tag}
</span> </span>
)) ))
) : ( : null}
<span className="text-xs text-muted-foreground">No tags available</span>
)}
</div> </div>
</div> </div>
</div> </div>