Fix apple touch icon and log bad requests

switz · switz · commit ce1c53eaf6cc · 2025-06-29T20:16:27.000-04:00
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -19,6 +19,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <head>
         <link rel="icon" href="/favicon.ico" />
         <meta name="apple-itunes-app" content="app-id=715886886" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
       </head>
       <body className={font.className}>
         <NextTopLoader showSpinner={false} />
diff --git a/src/lib/RelistenAPI.ts b/src/lib/RelistenAPI.ts
@@ -72,6 +72,13 @@ export class RelistenAPI {
   static fetchRandomShow = cache(async (artistSlug: string): Promise<Partial<Tape> | undefined> => {
     if (!artistSlug) return undefined;
 
+    // if doesnt match
+    if (!/^[a-z-]+$/i.test(artistSlug)) {
+      console.error('Tried to load url that doesnt match artist slug format:', artistSlug);
+
+      return notFound();
+    }
+
     return this.cachedFetch<Partial<Tape>>(`/api/v2/artists/${artistSlug}/shows/random`, {
       revalidate: 0,
     });
