code refactoring, fixed wrong jwt expire time

2023-06-23 15:18:40 +02:00
parent 7d510fd2d4
commit 3067cee08c
5 changed files with 151 additions and 140 deletions
--- a/frontend/src/features/settings/settingsSlice.ts
+++ b/frontend/src/features/settings/settingsSlice.ts
@@ -1,99 +1,108 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit"

-export type LanguageUnion = "english" | "chinese" | "russian" | "italian" | "spanish" | "korean" | "japanese" | "catalan"
+export type LanguageUnion =
+  | "english"
+  | "chinese"
+  | "russian"
+  | "italian"
+  | "spanish"
+  | "korean"
+  | "japanese"
+  | "catalan"
+
 export type ThemeUnion = "light" | "dark"

 export interface SettingsState {
-    serverAddr: string
-    serverPort: string
-    language: LanguageUnion
-    theme: ThemeUnion
-    cliArgs: string
-    formatSelection: boolean
-    ratelimit: string
-    fileRenaming: boolean
-    pathOverriding: boolean
-    enableCustomArgs: boolean
-    listView: boolean
+  serverAddr: string
+  serverPort: string
+  language: LanguageUnion
+  theme: ThemeUnion
+  cliArgs: string
+  formatSelection: boolean
+  ratelimit: string
+  fileRenaming: boolean
+  pathOverriding: boolean
+  enableCustomArgs: boolean
+  listView: boolean
 }

 const initialState: SettingsState = {
-    serverAddr: localStorage.getItem("server-addr") || window.location.hostname,
-    serverPort: localStorage.getItem("server-port") || window.location.port,
-    language: (localStorage.getItem("language") || "english") as LanguageUnion,
-    theme: (localStorage.getItem("theme") || "light") as ThemeUnion,
-    cliArgs: localStorage.getItem("cli-args") ?? "",
-    formatSelection: localStorage.getItem("format-selection") === "true",
-    ratelimit: localStorage.getItem("rate-limit") ?? "",
-    fileRenaming: localStorage.getItem("file-renaming") === "true",
-    pathOverriding: localStorage.getItem("path-overriding") === "true",
-    enableCustomArgs: localStorage.getItem("enable-custom-args") === "true",
-    listView: localStorage.getItem("listview") === "true",
+  serverAddr: localStorage.getItem("server-addr") || window.location.hostname,
+  serverPort: localStorage.getItem("server-port") || window.location.port,
+  language: (localStorage.getItem("language") || "english") as LanguageUnion,
+  theme: (localStorage.getItem("theme") || "light") as ThemeUnion,
+  cliArgs: localStorage.getItem("cli-args") ?? "",
+  formatSelection: localStorage.getItem("format-selection") === "true",
+  ratelimit: localStorage.getItem("rate-limit") ?? "",
+  fileRenaming: localStorage.getItem("file-renaming") === "true",
+  pathOverriding: localStorage.getItem("path-overriding") === "true",
+  enableCustomArgs: localStorage.getItem("enable-custom-args") === "true",
+  listView: localStorage.getItem("listview") === "true",
 }

 export const settingsSlice = createSlice({
-    name: "settings",
-    initialState,
-    reducers: {
-        setServerAddr: (state, action: PayloadAction<string>) => {
-            state.serverAddr = action.payload
-            localStorage.setItem("server-addr", action.payload)
-        },
-        setServerPort: (state, action: PayloadAction<string>) => {
-            state.serverPort = action.payload
-            localStorage.setItem("server-port", action.payload)
-        },
-        setLanguage: (state, action: PayloadAction<LanguageUnion>) => {
-            state.language = action.payload
-            localStorage.setItem("language", action.payload)
-        },
-        setCliArgs: (state, action: PayloadAction<string>) => {
-            state.cliArgs = action.payload
-            localStorage.setItem("cli-args", action.payload)
-        },
-        setTheme: (state, action: PayloadAction<ThemeUnion>) => {
-            state.theme = action.payload
-            localStorage.setItem("theme", action.payload)
-        },
-        setFormatSelection: (state, action: PayloadAction<boolean>) => {
-            state.formatSelection = action.payload
-            localStorage.setItem("format-selection", action.payload.toString())
-        },
-        setRateLimit: (state, action: PayloadAction<string>) => {
-            state.ratelimit = action.payload
-            localStorage.setItem("rate-limit", action.payload)
-        },
-        setPathOverriding: (state, action: PayloadAction<boolean>) => {
-            state.pathOverriding = action.payload
-            localStorage.setItem("path-overriding", action.payload.toString())
-        },
-        setFileRenaming: (state, action: PayloadAction<boolean>) => {
-            state.fileRenaming = action.payload
-            localStorage.setItem("file-renaming", action.payload.toString())
-        },
-        setEnableCustomArgs: (state, action: PayloadAction<boolean>) => {
-            state.enableCustomArgs = action.payload
-            localStorage.setItem("enable-custom-args", action.payload.toString())
-        },
-        toggleListView: (state) => {
-            state.listView = !state.listView
-            localStorage.setItem("listview", state.listView.toString())
-        },
-    }
+  name: "settings",
+  initialState,
+  reducers: {
+    setServerAddr: (state, action: PayloadAction<string>) => {
+      state.serverAddr = action.payload
+      localStorage.setItem("server-addr", action.payload)
+    },
+    setServerPort: (state, action: PayloadAction<string>) => {
+      state.serverPort = action.payload
+      localStorage.setItem("server-port", action.payload)
+    },
+    setLanguage: (state, action: PayloadAction<LanguageUnion>) => {
+      state.language = action.payload
+      localStorage.setItem("language", action.payload)
+    },
+    setCliArgs: (state, action: PayloadAction<string>) => {
+      state.cliArgs = action.payload
+      localStorage.setItem("cli-args", action.payload)
+    },
+    setTheme: (state, action: PayloadAction<ThemeUnion>) => {
+      state.theme = action.payload
+      localStorage.setItem("theme", action.payload)
+    },
+    setFormatSelection: (state, action: PayloadAction<boolean>) => {
+      state.formatSelection = action.payload
+      localStorage.setItem("format-selection", action.payload.toString())
+    },
+    setRateLimit: (state, action: PayloadAction<string>) => {
+      state.ratelimit = action.payload
+      localStorage.setItem("rate-limit", action.payload)
+    },
+    setPathOverriding: (state, action: PayloadAction<boolean>) => {
+      state.pathOverriding = action.payload
+      localStorage.setItem("path-overriding", action.payload.toString())
+    },
+    setFileRenaming: (state, action: PayloadAction<boolean>) => {
+      state.fileRenaming = action.payload
+      localStorage.setItem("file-renaming", action.payload.toString())
+    },
+    setEnableCustomArgs: (state, action: PayloadAction<boolean>) => {
+      state.enableCustomArgs = action.payload
+      localStorage.setItem("enable-custom-args", action.payload.toString())
+    },
+    toggleListView: (state) => {
+      state.listView = !state.listView
+      localStorage.setItem("listview", state.listView.toString())
+    },
+  }
 })

 export const {
-    setLanguage,
-    setCliArgs,
-    setTheme,
-    setServerAddr,
-    setServerPort,
-    setFormatSelection,
-    setRateLimit,
-    setFileRenaming,
-    setPathOverriding,
-    setEnableCustomArgs,
-    toggleListView
+  setLanguage,
+  setCliArgs,
+  setTheme,
+  setServerAddr,
+  setServerPort,
+  setFormatSelection,
+  setRateLimit,
+  setFileRenaming,
+  setPathOverriding,
+  setEnableCustomArgs,
+  toggleListView
 } = settingsSlice.actions

 export default settingsSlice.reducer