Leisuretimedock/blessing-skin-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make whole card of skin library item clickable

Browse Source
This commit is contained in:
Pig Fang 2021-08-19 23:15:56 +08:00
parent 7512eeb465
commit c12c1fbd01
No known key found for this signature in database
GPG Key ID: A8198F548DADA9E2
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
resources/assets/src/views/skinlib/SkinLibrary/Item.tsx
View File

@ -64,12 +64,13 @@ const Item: React.FC<Props> = (props) => {
props.onUploaderClick(item.uploader) props.onUploaderClick(item.uploader)
} }
const handleHeartClick = () => { const handleHeartClick = (event: React.MouseEvent) => {
event.preventDefault()
props.liked ? props.onRemove(item) : props.onAdd(item) props.liked ? props.onRemove(item) : props.onAdd(item)
} }
return ( return (
<div className="ml-3 mr-2 mb-2"> <a href={link} className="ml-3 mr-2 mb-2 d-block" target="_blank">
<Card className="card"> <Card className="card">
<div className="card-body"> <div className="card-body">
{item.public || ( {item.public || (
@ -82,14 +83,9 @@ const Item: React.FC<Props> = (props) => {
</a> </a>
</div> </div>
<div className="card-footer"> <div className="card-footer">
<a <span className="d-block mb-1 text-truncate" title={item.name}>
className="d-block mb-1 text-truncate"
title={item.name}
href={link}
target="_blank"
>
{item.name} {item.name}
</a> </span>
<div className="d-flex justify-content-between"> <div className="d-flex justify-content-between">
<div className="d-flex"> <div className="d-flex">
<Badge className="badge bg-teal mr-1"> <Badge className="badge bg-teal mr-1">
@ -114,7 +110,7 @@ const Item: React.FC<Props> = (props) => {
</div> </div>
</div> </div>
</Card> </Card>
</div> </a>
) )
} }