mirror of
https://github.com/trafficlunar/tomodachi-share.git
synced 2026-06-28 14:44:15 +00:00
feat: mii pages
This commit is contained in:
parent
ac56b450fc
commit
72ff5c9354
4 changed files with 67 additions and 5 deletions
|
|
@ -7,9 +7,10 @@ import { Icon } from "@iconify/react";
|
|||
interface Props {
|
||||
likes: number;
|
||||
isLoggedIn: boolean;
|
||||
big?: boolean;
|
||||
}
|
||||
|
||||
export default function LikeButton({ likes, isLoggedIn }: Props) {
|
||||
export default function LikeButton({ likes, isLoggedIn, big }: Props) {
|
||||
const [isLiked, setIsLiked] = useState(false);
|
||||
const [likesState, setLikesState] = useState(likes);
|
||||
|
||||
|
|
@ -23,7 +24,7 @@ export default function LikeButton({ likes, isLoggedIn }: Props) {
|
|||
};
|
||||
|
||||
return (
|
||||
<button onClick={onClick} className="flex items-center gap-2 text-xl text-red-400 cursor-pointer">
|
||||
<button onClick={onClick} className={`flex items-center gap-2 text-red-400 cursor-pointer ${big ? "text-3xl" : "text-xl"}`}>
|
||||
<Icon icon={isLiked ? "icon-park-solid:like" : "icon-park-outline:like"} />
|
||||
<span>{likesState}</span>
|
||||
</button>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue