:construction: add redux set demo

dashboard/src/load.ts

@@ -4,35 +4,59 @@
 import { get as getToken, IUser, signIn } from "./reducers/current-user";
 //import { DURATION } from "./reducers/current-user";
 import { ISite, refresh as refreshLayout } from "./reducers/layout";
-import { get } from "./request";
+import { get, IErrorResponse } from "./request";
 //import { GRPC_HOST,  grpc_metadata } from "./request";
 import store from "./store";
 
 interface IUserResponse {
-	ok: boolean;
-	message: string;
-	data: IUser;
+  ok: boolean;
+  message: string;
+  data: IUser;
 }
+
+export interface ISiteInfoResponse {
+  title: string;
+}
+export interface ITokenRefreshResponse {
+  realName: string;
+  token: string;
+}
+
 const init = () => {
-	console.log("onload");
-	// ajax get site information, SEE reducers/layout/ISite
-	get("/v2/siteinfo/en").then((json) => {
-		store.dispatch(refreshLayout(json as ISite));
-	});
-	const token = getToken();
-	if (token) {
-		// get current user profile & new token, SEE reducers/current-user/IUser
-		get("/v2/auth/current").then((json) => {
-			const user = json as IUserResponse;
-			if (user.ok) {
-				store.dispatch(signIn([user.data, token ? token : ""]));
-			} else {
-				console.error(user.message);
-			}
-		});
-	} else {
-		console.log("no token");
-	}
+  get<ISiteInfoResponse | IErrorResponse>("/v2/siteinfo/en").then(
+    (response) => {
+      if ("title" in response) {
+        const it: ISite = {
+          title: response.title,
+          subhead: "",
+          keywords: [],
+          description: "",
+          copyright: "",
+          logo: "",
+          author: { name: "", email: "" },
+        };
+        store.dispatch(refreshLayout(it));
+      }
+    }
+  );
+  const token = getToken();
+  if (token) {
+    get<ITokenRefreshResponse | IErrorResponse>("/v2/auth/current").then(
+      (response) => {
+        if ("realName" in response) {
+          const it: IUser = {
+            nickName: "who-am-i",
+            realName: "Change me",
+            avatar: "/my.png",
+            roles: [],
+          };
+          store.dispatch(signIn([it, response.token]));
+        }
+      }
+    );
+  } else {
+    console.log("no token");
+  }
 };
 
 export default init;

dashboard/src/request.ts

@@ -3,6 +3,20 @@ import { get as getLocale } from "./locales";
 
 import { get as getToken } from "./reducers/current-user";
 
+export interface IOkResponse {
+  createdAt: Date;
+}
+
+export type IErrorResponse = I422Response | I500Response;
+
+export interface I422Response {
+  errors: string[];
+}
+export interface I500Response {
+  code: number;
+  message: string;
+}
+
 export const backend = (u: string) => `${API_HOST}/api${u}`;
 
 export const GRPC_HOST: string =