trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-05-13 13:17:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: idek anymore

Browse source
This commit is contained in:
trafficlunar 2026-04-17 16:53:26 +01:00
parent 2f485dfca5
commit ae266d5aa0
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/pages/mii.tsx
View file

@ -1,6 +1,6 @@
import type { SwitchMiiInstructions } from "@tomodachi-share/shared"; import type { SwitchMiiInstructions } from "@tomodachi-share/shared";
import ImageViewer from "../components/image-viewer"; // import ImageViewer from "../components/image-viewer";
import LikeButton from "../components/like-button"; import LikeButton from "../components/like-button";
import Description from "../components/description"; import Description from "../components/description";
import ShareMiiButton from "../components/mii/share-mii-button"; import ShareMiiButton from "../components/mii/share-mii-button";
@ -25,7 +25,6 @@ export default function MiiPage() {
return res.json(); return res.json();
}) })
.then((data) => { .then((data) => {
console.log("Mii API response:", data);
setMii(data); setMii(data);
setLoading(false); setLoading(false);
}) })
@ -65,7 +64,7 @@ export default function MiiPage() {
<div className="bg-amber-50 rounded-3xl border-2 border-amber-500 shadow-lg p-4 h-min flex flex-col items-center max-w-md w-full max-md:place-self-center max-md:row-start-2"> <div className="bg-amber-50 rounded-3xl border-2 border-amber-500 shadow-lg p-4 h-min flex flex-col items-center max-w-md w-full max-md:place-self-center max-md:row-start-2">
{/* Mii Image */} {/* Mii Image */}
<div className="bg-linear-to-b from-amber-100 to-amber-200 overflow-hidden rounded-xl w-full mb-4 flex justify-center"> <div className="bg-linear-to-b from-amber-100 to-amber-200 overflow-hidden rounded-xl w-full mb-4 flex justify-center">
<ImageViewer <img
src={`${API_URL}/mii/${mii.id}/image?type=mii`} src={`${API_URL}/mii/${mii.id}/image?type=mii`}
alt="mii headshot" alt="mii headshot"
width={250} width={250}
@ -76,7 +75,7 @@ export default function MiiPage() {
{/* QR Code */} {/* QR Code */}
{mii.platform === "THREE_DS" ? ( {mii.platform === "THREE_DS" ? (
<div className="bg-amber-200 overflow-hidden rounded-xl w-full mb-4 flex justify-center p-2"> <div className="bg-amber-200 overflow-hidden rounded-xl w-full mb-4 flex justify-center p-2">
<ImageViewer <img
src={`${API_URL}/mii/${mii.id}/image?type=qr-code`} src={`${API_URL}/mii/${mii.id}/image?type=qr-code`}
alt="mii qr code" alt="mii qr code"
width={128} width={128}
@ -85,7 +84,7 @@ export default function MiiPage() {
/> />
</div> </div>
) : ( ) : (
<ImageViewer <img
src={`${API_URL}/mii/${mii.id}/image?type=features`} src={`${API_URL}/mii/${mii.id}/image?type=features`}
alt="mii features" alt="mii features"
width={300} width={300}
@ -349,13 +348,12 @@ export default function MiiPage() {
className="absolute size-full blur-sm contrast-150 brightness-[0.65] object-cover" className="absolute size-full blur-sm contrast-150 brightness-[0.65] object-cover"
/> />
<ImageViewer <img
src={src} src={src}
alt="mii screenshot" alt="mii screenshot"
width={256} width={256}
height={170} height={170}
className="aspect-3/2 w-full object-contain hover:scale-105 duration-300 transition-transform relative z-10" className="aspect-3/2 w-full object-contain hover:scale-105 duration-300 transition-transform relative z-10"
images={images}
/> />
</div> </div>
))} ))}