Remove design system

It was only a placeholder until we get some content.

src/App.svelte

@@ -8,7 +8,6 @@
   import { unreachable } from "@app/lib/utils";
 
   import AuthenticationError from "@app/views/AuthenticationError.svelte";
-  import DesignSystem from "@app/views/DesignSystem.svelte";
   import Home from "@app/views/Home.svelte";
 
   const activeRouteStore = router.activeRouteStore;
@@ -44,8 +43,6 @@
   <Home {...$activeRouteStore.params} />
 {:else if $activeRouteStore.resource === "authenticationError"}
   <AuthenticationError {...$activeRouteStore.params} />
-{:else if $activeRouteStore.resource === "designSystem"}
-  <DesignSystem />
 {:else}
   {unreachable($activeRouteStore)}
 {/if}

src/lib/router.ts

@@ -97,9 +97,6 @@ function setTitle(loadedRoute: LoadedRoute) {
   } else if (loadedRoute.resource === "authenticationError") {
     title.push("Authentication Error");
     title.push("Radicle");
-  } else if (loadedRoute.resource === "designSystem") {
-    title.push("Design System");
-    title.push("Radicle");
   } else {
     utils.unreachable(loadedRoute);
   }
@@ -126,9 +123,6 @@ function urlToRoute(url: URL): Route | null {
     case "authenticationError": {
       return { resource: "authenticationError", params: { error: "" } };
     }
-    case "designSystem": {
-      return { resource: "designSystem" };
-    }
     default: {
       return null;
     }
@@ -140,8 +134,6 @@ export function routeToPath(route: Route): string {
     return "/";
   } else if (route.resource === "authenticationError") {
     return "/authenticationError";
-  } else if (route.resource === "designSystem") {
-    return "/designSystem";
   } else if (route.resource === "booting") {
     return "";
   } else {

src/lib/router/definitions.ts

@@ -24,19 +24,10 @@ interface LoadedHomeRoute {
   params: { repos: RepoInfo[]; config: Config };
 }
 
-interface DesignSystemRoute {
-  resource: "designSystem";
-}
-
-export type Route =
-  | BootingRoute
-  | DesignSystemRoute
-  | HomeRoute
-  | AuthenticationErrorRoute;
+export type Route = BootingRoute | HomeRoute | AuthenticationErrorRoute;
 
 export type LoadedRoute =
   | BootingRoute
-  | DesignSystemRoute
   | LoadedHomeRoute
   | AuthenticationErrorRoute;
 

src/views/DesignSystem.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-  import Button from "@app/components/Button.svelte";
-  import Header from "@app/components/Header.svelte";
-  import Icon from "@app/components/Icon.svelte";
-  import Link from "@app/components/Link.svelte";
-</script>
-
-<Header currentPage="Design System" />
-
-<div style="display: flex; gap: 1rem;">
-  <div style="display: flex; gap: 1rem;">
-    <Button variant="primary"><Icon name="seedling" />Press me</Button>
-    <Button variant="secondary"><Icon name="seedling" /> Press me</Button>
-    <Button variant="ghost"><Icon name="seedling" /> Press me</Button>
-  </div>
-</div>
-
-👉 <Link route={{ resource: "home" }}>Home</Link>

src/views/Home.svelte

@@ -3,7 +3,6 @@
   import type { RepoInfo } from "@bindings/RepoInfo";
 
   import Header from "@app/components/Header.svelte";
-  import Link from "@app/components/Link.svelte";
   import RepoCard from "@app/components/RepoCard.svelte";
 
   export let repos: RepoInfo[];
@@ -30,8 +29,4 @@
       {/if}
     {/each}
   </div>
-
-  <div style:margin-top="1rem">
-    👉 <Link route={{ resource: "designSystem" }}>Design System</Link>
-  </div>
 </div>