nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-09-27 20:27:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Limit displayed tags to a maximum of 10 in ResourceCard

Browse Source
This commit is contained in:
nyne
2025-05-30 22:58:33 +08:00
parent 7b3ba9f432
commit c46d80d310
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/resource_card.tsx
View File

@@ -6,6 +6,11 @@ import Badge from "./badge.tsx";
export default function ResourceCard({ resource }: { resource: Resource }) { export default function ResourceCard({ resource }: { resource: Resource }) {
const navigate = useNavigate() const navigate = useNavigate()
let tags = resource.tags
if (tags.length > 10) {
tags = tags.slice(0, 10)
}
return <div className={"p-2 cursor-pointer"} onClick={() => { return <div className={"p-2 cursor-pointer"} onClick={() => {
navigate(`/resources/${resource.id}`) navigate(`/resources/${resource.id}`)
}}> }}>
@@ -25,7 +30,7 @@ export default function ResourceCard({ resource }: { resource: Resource }) {
<div className="h-2"></div> <div className="h-2"></div>
<p> <p>
{ {
resource.tags.map((tag) => { tags.map((tag) => {
return <Badge key={tag.id} className={"m-0.5"}>{tag.name}</Badge> return <Badge key={tag.id} className={"m-0.5"}>{tag.name}</Badge>
}) })
} }