trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-28 14:44:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: mii pages

Browse source
This commit is contained in:
trafficlunar 2025-03-30 18:57:43 +01:00
parent ac56b450fc
commit 72ff5c9354
4 changed files with 67 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/components/like-button.tsx
View file

@ -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>

8
src/app/components/mii-list.tsx
View file

@ -104,11 +104,13 @@ export default async function MiiList({ searchParams, userId }: Props) {
key={mii.id}
className="flex flex-col bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-3 transition hover:scale-105 hover:bg-cyan-100 hover:border-cyan-600"
>
<img src="https://placehold.co/600x400" alt="mii" className="rounded-xl" />
<Link href={`/mii/${mii.id}`}>
<img src="https://placehold.co/600x400" alt="mii" className="rounded-xl" />
</Link>
<div className="p-4 flex flex-col gap-1 h-full">
<h3 className="font-bold text-2xl overflow-hidden text-ellipsis line-clamp-2" title={mii.name}>
<Link href={`/mii/${mii.id}`} className="font-bold text-2xl overflow-hidden text-ellipsis line-clamp-2" title={mii.name}>
{mii.name}
</h3>
</Link>
<div id="tags" className="flex gap-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
{mii.tags.map((tag) => (
<Link href={{ query: { tags: tag } }} key={tag}>