37 lines
1017 B
TypeScript
37 lines
1017 B
TypeScript
import { Match, Switch, createSignal, type Component } from "solid-js";
|
|
import { CountProvider } from "./Config";
|
|
import { Nested } from "./nested";
|
|
|
|
type Route = "home" | "graph";
|
|
|
|
const App: Component = () => {
|
|
const [route, setRoute] = createSignal<Route>("home");
|
|
return (
|
|
<CountProvider>
|
|
<div class="w-full flex items-center flex-col gap-2 my-2">
|
|
<div>Clan</div>
|
|
<p>Current route: {route()}</p>
|
|
|
|
<div class="flex items-center">
|
|
<button
|
|
onClick={() => setRoute((o) => (o === "graph" ? "home" : "graph"))}
|
|
class="btn btn-link"
|
|
>
|
|
Navigate to {route() === "home" ? "graph" : "home"}
|
|
</button>
|
|
</div>
|
|
<Switch fallback={<p>{route()} not found</p>}>
|
|
<Match when={route() == "home"}>
|
|
<Nested />
|
|
</Match>
|
|
<Match when={route() == "graph"}>
|
|
<p></p>
|
|
</Match>
|
|
</Switch>
|
|
</div>
|
|
</CountProvider>
|
|
);
|
|
};
|
|
|
|
export default App;
|