feat: 投稿できるように

src/main/web/App.tsx

@@ -1,16 +1,28 @@
-import {Component, createSignal, lazy} from "solid-js";
+import {Component, createEffect, createSignal} from "solid-js";
 import {Route, Router, Routes} from "@solidjs/router";
 import {TopPage} from "./pages/TopPage";
 import {createTheme, CssBaseline, ThemeProvider, useMediaQuery} from "@suid/material";
 import {createCookieStorage} from "@solid-primitives/storage";
-import {ApiProvider, useApi} from "./lib/ApiProvider";
+import {ApiProvider} from "./lib/ApiProvider";
 import {Configuration, DefaultApi} from "./generated";
 import {LoginPage} from "./pages/LoginPage";
 
 export const App: Component = () => {
     const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    const [cookie,setCookie] = createCookieStorage()
-    const [api,setApi] = createSignal(new DefaultApi(new Configuration({basePath:window.location.origin+"/api/internal/v1",apiKey:cookie.key as string})))
+    const [cookie, setCookie] = createCookieStorage()
+    const [api, setApi] = createSignal(new DefaultApi(new Configuration({
+        basePath: window.location.origin + "/api/internal/v1",
+        accessToken: cookie.token as string
+    })))
+
+    createEffect(() => {
+        setApi(
+            new DefaultApi(new Configuration({
+                basePath: window.location.origin + "/api/internal/v1",
+                accessToken : cookie.token as string
+            })))
+    })
+
     const theme = createTheme({
         palette: {
             mode: prefersDarkMode() ? 'dark' : 'light',

src/main/web/pages/LoginPage.tsx

@@ -2,6 +2,7 @@ import {Button, Card, CardContent, CardHeader, Modal, Stack, TextField} from "@s
 import {Component, createSignal} from "solid-js";
 import {createCookieStorage} from "@solid-primitives/storage";
 import {useApi} from "../lib/ApiProvider";
+import {useNavigate} from "@solidjs/router";
 
 export const LoginPage: Component = () => {
     const [username, setUsername] = createSignal("")
@@ -9,12 +10,15 @@ export const LoginPage: Component = () => {
 
     const [cookie, setCookie] = createCookieStorage();
 
+    const navigator = useNavigate();
+
     const api = useApi();
 
     const onSubmit: () => void = () => {
         api().loginPost({password: password(), username: username()}).then(value => {
             setCookie("token", value.token);
             setCookie("refresh-token", value.refreshToken)
+            navigator("/")
         }).catch(reason => {
             console.log(reason);
             setPassword("")