Compare commits

..

No commits in common. "59866a00a5c6e341966bbec337bdc17c389384d2" and "ba06950881dbb9338fa7b7df18b12f2233ac4044" have entirely different histories.

6 changed files with 95 additions and 124 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 145 KiB

View file

@ -80,9 +80,6 @@ export default function MiiList({ parentPage, userId, bypassCache }: Props) {
</div>
</div>
<p className="text-xs mb-2 text-zinc-600 text-right">Not finding what you're looking for? Try including controversial Miis in filters.</p>
{data.miis.length !== 0 ? (
<div className="grid grid-cols-4 gap-4 max-lg:grid-cols-3 max-md:grid-cols-2 max-[30rem]:grid-cols-1">
{data.miis.map((mii) => (
<div
@ -158,15 +155,12 @@ export default function MiiList({ parentPage, userId, bypassCache }: Props) {
</div>
))}
</div>
) : (
<p className="text-2xl font-bold text-center">No Miis found!</p>
)}
<Pagination lastPage={data.lastPage} />
</div>
) : (
<>
<p className="text-2xl font-bold *:text-center">No Miis found, has the server died?</p>
<p className="text-center">Try refreshing!</p>
<p className="text-2xl text-center">No Miis found, has the server died?</p>
<p className="text-center font-bold text-lg">Please try refreshing first!</p>
</>
)}
</>

View file

@ -161,10 +161,9 @@ export default function Tutorial({ tutorials, isOpen, setIsOpen }: Props) {
{slide.text}
</a>
) : (
<p className={`mb-2 text-center ${slide.imageSrc ? "text-sm" : "text-lg font-medium mt-auto mb-auto"}`}>{slide.text}</p>
<p className="text-sm text-zinc-500 mb-2 text-center">{slide.text}</p>
)}
{slide.imageSrc && (
<img
src={slide.imageSrc ?? "/missing.svg"}
alt="step image"
@ -173,7 +172,6 @@ export default function Tutorial({ tutorials, isOpen, setIsOpen }: Props) {
loading="eager"
className="rounded-lg w-full h-full object-contain bg-black flex-1"
/>
)}
</>
)}
</div>

View file

@ -3,11 +3,7 @@ import { createPortal } from "react-dom";
import { Icon } from "@iconify/react";
import Tutorial from ".";
interface Props {
hasShareMiiFile: boolean;
}
export default function SwitchAddMiiTutorialButton({ hasShareMiiFile }: Props) {
export default function SwitchAddMiiTutorialButton() {
const [isOpen, setIsOpen] = useState(false);
return (
@ -26,8 +22,6 @@ export default function SwitchAddMiiTutorialButton({ hasShareMiiFile }: Props) {
thumbnail: "/tutorial/switch/adding-mii/modded/thumbnail.png",
steps: [
{ type: "start" },
...(hasShareMiiFile
? [
{
text: "1. Download ShareMii - click here for link",
link: "https://gamebanana.com/tools/22305",
@ -42,21 +36,6 @@ export default function SwitchAddMiiTutorialButton({ hasShareMiiFile }: Props) {
link: "https://docs.google.com/document/d/e/2PACX-1vRSaPbTe0pijDSETzdeGhvQ7zYHlx9Qnxn7WdUqG9cveZYyk405A0LSbYnl8ygTNI_ZZqMrIZLeHenr/pub",
imageSrc: "/tutorial/switch/adding-mii/modded/step3.jpg",
},
]
: [
{ text: "This Mii does not have a ShareMii file. You can filter the search to only show Miis that do: (go to next step)" },
{
text: "1. Go back to the search page, open the filters and press 'Has ShareMii File'",
imageSrc: "/tutorial/switch/adding-mii/modded/filter.png",
},
{
text: "2. The search will automatically update to show only Miis with ShareMii files",
},
{
text: "3. Open the tutorial again on those Miis to find out how to use the ShareMii file. (You should see this as the first step)",
imageSrc: "/tutorial/switch/adding-mii/modded/success.png",
},
]),
{ type: "finish" },
],
},

View file

@ -388,7 +388,7 @@ export default function MiiPage() {
<Icon icon="material-symbols:flag-rounded" />
<span>Report</span>
</Link>
{mii.platform === "THREE_DS" ? <ThreeDsScanTutorialButton /> : <SwitchAddMiiTutorialButton hasShareMiiFile={mii.isFromSaveFile} />}
{mii.platform === "THREE_DS" ? <ThreeDsScanTutorialButton /> : <SwitchAddMiiTutorialButton />}
</div>
{/* Instructions */}