{renderContent()}
+
+
+ )
+ case AppState.Loaded:
+ return (
+ Es ist ein Fehler aufgetreten.
+
+ (
+
+
+ setIsProfilePopupOpen(
+ !isProfilePopupOpen,
+ )
+ }
+ tooltip={session?.username}
+ icon={
+ 
+ }
+ />
+ {session.username}
+
+ }
+ >
+
+
+ )
+ } else return null
+ }}
+ />
+
+ )
+}
diff --git a/frontend/src/components/PageLoadingSpinner.tsx b/frontend/src/components/PageLoadingSpinner.tsx
new file mode 100644
index 0000000..68d9f99
--- /dev/null
+++ b/frontend/src/components/PageLoadingSpinner.tsx
@@ -0,0 +1,11 @@
+import React from "react"
+import { LoadingSpinner } from "@linked-planet/ui-kit-ts"
+
+export default function PageLoadingSpinner({ title }: { title?: string }) {
+ return (
+
+
+ )
+}
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
new file mode 100644
index 0000000..9b22c67
--- /dev/null
+++ b/frontend/src/index.tsx
@@ -0,0 +1,54 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import App from "./App"
+
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
+
+// to improve behavior of array.filter, or fetch .json()
+import "@total-typescript/ts-reset"
+
+import {
+ MutationCache,
+ QueryCache,
+ QueryClient,
+ QueryClientProvider,
+} from "@tanstack/react-query"
+import { HashRouter } from "react-router-dom"
+import { ToastFlagContainer } from "@linked-planet/ui-kit-ts"
+
+const queryClient = new QueryClient({
+ queryCache: new QueryCache({
+ onError: (error, query) => {
+ console.log("Query onError", query.options.queryKey, error)
+ },
+ }),
+ defaultOptions: {
+ queries: {
+ retry: false,
+ refetchOnWindowFocus: false,
+ },
+ },
+ mutationCache: new MutationCache({
+ onError: (error, vars, ctx, mutation) => {
+ console.log(
+ "Mutation onError: ",
+ mutation.options.mutationKey,
+ " error: ",
+ error,
+ )
+ },
+ }),
+})
+
+ReactDOM.render(
+ {title}
}
+
+
+ )
+}
diff --git a/frontend/src/page/WelcomePage.tsx b/frontend/src/page/WelcomePage.tsx
new file mode 100644
index 0000000..ae2c2bd
--- /dev/null
+++ b/frontend/src/page/WelcomePage.tsx
@@ -0,0 +1,24 @@
+import React from "react"
+import { FC } from "react"
+import { Config, Session } from "../model/model"
+
+type WelcomePageProps = {
+ session: Session
+ config: Config
+}
+
+export const WelcomePage: FC
+
+ )}
+
+
+
+
+ )
+}
diff --git a/frontend/src/query/currentUserQuery.ts b/frontend/src/query/currentUserQuery.ts
new file mode 100644
index 0000000..ea629a3
--- /dev/null
+++ b/frontend/src/query/currentUserQuery.ts
@@ -0,0 +1,23 @@
+import { useQuery } from "@tanstack/react-query"
+import { backend } from "../client"
+import { Session, Config } from "../model/model"
+
+export type SessionResponse = {
+ session: Session
+ config: Config
+}
+
+export function useCurrentUserQuery() {
+ return useQuery(["current_user"], (): PromiseHello {props.session.username}
++ Config BannerBackgroundColor:{" "} + {props.config?.bannerBackgroundColor} +
++ Config BannerMenuBackgroundColor:{" "} + {props.config?.bannerMenuBackgroundColor} +
+