Clan-app: fix welcome screen for initially empty clan

pkgs/webview-ui/app/src/layout/header.tsx

@@ -2,12 +2,14 @@ import { createQuery } from "@tanstack/solid-query";
 import { activeURI } from "../App";
 import { callApi } from "../api";
 import { Accessor, Show } from "solid-js";
+import { useNavigate } from "@solidjs/router";
 
 interface HeaderProps {
   clan_dir: Accessor<string | null>;
 }
 export const Header = (props: HeaderProps) => {
   const { clan_dir } = props;
+  const navigate = useNavigate();
 
   const query = createQuery(() => ({
     queryKey: [clan_dir(), "meta"],
@@ -63,7 +65,7 @@ export const Header = (props: HeaderProps) => {
       </div>
       <div class="flex-none">
         <span class="tooltip tooltip-bottom" data-tip="Settings">
-          <button class="link">
+          <button class="link" onClick={() => navigate("/clan")}>
             <span class="material-icons">settings</span>
           </button>
         </span>

pkgs/webview-ui/app/src/layout/layout.tsx

@@ -2,12 +2,20 @@ import { Component, createEffect, Show } from "solid-js";
 import { Header } from "./header";
 import { Sidebar } from "../Sidebar";
 import { activeURI, clanList } from "../App";
-import { RouteSectionProps } from "@solidjs/router";
+import { redirect, RouteSectionProps, useNavigate } from "@solidjs/router";
 import { Toaster } from "solid-toast";
 
 export const Layout: Component<RouteSectionProps> = (props) => {
+  const navigate = useNavigate();
   createEffect(() => {
     console.log("Layout props", props.location);
+    console.log(
+      "empty ClanList, redirect to welcome page",
+      clanList().length === 0,
+    );
+    if (clanList().length === 0) {
+      navigate("/welcome");
+    }
   });
   return (
     <div class="h-screen bg-gradient-to-b from-white to-base-100 p-4">