design changes

frontend/app/src/config/store.ts

@@ -6,6 +6,7 @@ import {
 } from "@reduxjs/toolkit";
 import { setupListeners } from "@reduxjs/toolkit/query";
 import { AuthApi, User } from "../slice/AuthApi";
+import { QueueApi } from "../slice/QueueApi";
 
 export type AuthDataType = {
   token: string | null;
@@ -43,6 +44,7 @@ export const store = configureStore({
   reducer: {
     // Add the generated reducer as a specific top-level slice
     [AuthApi.reducerPath]: AuthApi.reducer,
+    [QueueApi.reducerPath]: QueueApi.reducer,
     auth: createReducer(initialAuthDataState, (builder) => {
       builder.addCase(updateToken, (state, action) => {
         state.token = action.payload;
@@ -81,7 +83,9 @@ export const store = configureStore({
   // Adding the api middleware enables caching, invalidation, polling,
   // and other useful features of `rtk-query`.
   middleware: (getDefaultMiddleware) =>
-    getDefaultMiddleware().concat(AuthApi.middleware),
+    getDefaultMiddleware()
+      .concat(AuthApi.middleware)
+      .concat(QueueApi.middleware),
 });
 
 // optional, but required for refetchOnFocus/refetchOnReconnect behaviors

frontend/app/src/config/style.ts

@@ -1,35 +1,14 @@
 import { ThemeConfig } from "antd";
 
 export const theme: ThemeConfig = {
-  components: {
-    Modal: {
-      contentBg: "#001529",
-    },
-    Form: {
-      labelColor: "#77828c",
-    },
-    Input: {
-      activeBg: "#001c36",
-    },
-    Button: {
-      primaryColor: "#001529",
-      defaultHoverBg: "#001529",
-      defaultHoverColor: "white",
-      colorPrimaryBgHover: "#001529",
-      // colorPrimaryHover: "#001529",
-    },
-    Message: {
-      contentBg: "#001c36",
-    },
-    Popover: {
-      colorBgElevated: "#001c36",
-    },
-  },
   token: {
-    colorText: "#ffffff",
-    colorBgContainer: "#001c36",
-    colorIcon: "#77828c",
-    colorPrimary: "#ffffff",
-    colorPrimaryHover: "#001529",
+    colorText: "white",
+    colorIcon: "white",
+    colorPrimary: "#00d8a4",
+    colorIconHover: "#00d8a4",
+    colorBgContainer: "#001d39",
+    colorBgBase: "#001529",
+    borderRadius: 5,
+    fontFamily: "Comfortaa",
   },
 };