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

Improve tag display

Browse Source
This commit is contained in:
nyne
2025-05-17 12:31:55 +08:00
parent e37c543440
commit 01f5193994
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/badge.tsx Normal file
View File

@@ -0,0 +1,5 @@
import {ReactNode} from "react";
export default function Badge({children, className, onClick }: { children: ReactNode, className?: string, onClick?: () => void }) {
return <span className={`badge badge-primary text-sm ${className}`} onClick={onClick}>{children}</span>
}

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

@@ -1,6 +1,7 @@
import { Resource } from "../network/models.ts";
import { network } from "../network/network.ts";
import { useNavigate } from "react-router";
import Badge from "./badge.tsx";
export default function ResourceCard({ resource }: { resource: Resource }) {
const navigate = useNavigate()
@@ -25,7 +26,7 @@ export default function ResourceCard({ resource }: { resource: Resource }) {
<p>
{
resource.tags.map((tag) => {
return <span key={tag.id} className={"badge badge-primary mr-2"}>{tag.name}</span>
return <Badge key={tag.id} className={"m-0.5"}>{tag.name}</Badge>
})
}
</p>