chore: add 404 to apps

frontend/src/hooks/useApp.ts

@@ -1,7 +1,10 @@
 import useSWR from "swr";
-import { App } from "../types";
+import { App, ErrorResponse } from "../types";
 import { swrFetcher } from "../swr";
 
 export function useApp(pubkey: string | undefined) {
-  return useSWR<App>(pubkey && `/api/apps/${pubkey}`, swrFetcher);
+  return useSWR<App | ErrorResponse>(
+    pubkey && `/api/apps/${pubkey}`,
+    swrFetcher
+  );
 }

frontend/src/screens/apps/ShowApp.tsx

@@ -1,5 +1,5 @@
 import Loading from "../../components/Loading";
-import { useNavigate, useParams } from "react-router-dom";
+import { Navigate, useNavigate, useParams } from "react-router-dom";
 import { useInfo } from "../../hooks/useInfo";
 import { useApp } from "../../hooks/useApp";
 import { handleFetchError, validateFetchResponse } from "../../utils/fetch";
@@ -17,6 +17,11 @@ function ShowApp() {
   if (!app || !info) {
     return <Loading />;
   }
+
+  if (app && "error" in app) {
+    return <Navigate to="/404" />;
+  }
+
   const handleDelete = async (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
     try {

frontend/src/types.ts

@@ -54,6 +54,11 @@ export interface User {
   expiresAt: string;
 }
 
+export interface ErrorResponse {
+  error: boolean;
+  message: string;
+}
+
 export interface App {
   id: number;
   userId: number;