fix(sidebar): ginger island on mobile nav

Author: jacc

apps/stardew.app/src/components/sheets/mobile-nav.tsx

@@ -22,6 +22,7 @@ import { PlayersContext } from "@/contexts/players-context";
 
 import {
 	collectionsNavigation,
+	islandNavigation,
 	linksNavigation,
 	miscNavigation,
 	playerNavigation,
@@ -72,8 +73,6 @@ export const MobileNav = ({
 
 		if (typeof file === "undefined" || !file) return;
 
-		console.log(file);
-
 		if (file.type !== "") {
 			toast.error("Invalid file type", {
 				description: "Please upload a Stardew Valley save file.",
@@ -338,6 +337,36 @@ export const MobileNav = ({
 									))}
 								</div>
 							</section>
+							{/* Ginger Island */}
+							<section>
+								<h4 className="mb-2 mt-4 font-semibold tracking-tight text-neutral-700 dark:text-neutral-300">
+									Ginger Island
+								</h4>
+								<div className="space-y-1">
+									{islandNavigation.map((item) => (
+										<Button
+											key={item.href}
+											variant={pathname === item.href ? "secondary" : "ghost"}
+											className={cn(
+												"w-full justify-start",
+												item.href === pathname
+													? ""
+													: "text-neutral-600 dark:text-neutral-400",
+											)}
+											asChild
+											onClick={() => setIsOpen(false)}
+										>
+											<Link href={item.href}>
+												<item.icon
+													className="mr-2 h-4 w-4"
+													aria-hidden="true"
+												/>
+												{item.name}
+											</Link>
+										</Button>
+									))}
+								</div>
+							</section>
 							{/* Misc */}
 							<section>
 								<h4 className="mb-2 mt-4 font-semibold tracking-tight text-neutral-700 dark:text-neutral-300">