Merge branch 'dev' of https://github.com/tapis-project/tapis-ui into dev

packages/tapisui-common/src/ui/GenericModal/GenericModal.tsx

@@ -18,7 +18,7 @@ const GenericModal: React.FC<GenericModalProps> = ({
 }) => {
   return (
     <Modal
-      backdrop="static"
+      backdrop={true} // Set to "static" to prevent closing on click outside
       keyboard={true}
       isOpen={true}
       toggle={toggle}

src/redux/index.tsx

@@ -0,0 +1,8 @@
+// src/redux/index.ts
+export {
+  default as store,
+  useAppDispatch,
+  useAppSelector,
+  useAppStore,
+} from './store';
+export { updateState, type PodsState } from './podsSlice';

src/app/Pods/redux/podsSlice.tsx → src/redux/podsSlice.tsx

@@ -1,7 +1,7 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { set } from 'date-fns';
 
-interface PodsState {
+export interface PodsState {
   // arctiveXxxId: string; // Active item ID, used to store state when moving in and out of specific items.
   // Tab bars, used to store state when moving in and out of specific tabs.
   podTab: string;
@@ -62,3 +62,9 @@ const podsSlice = createSlice({
 
 export const { updateState } = podsSlice.actions;
 export default podsSlice.reducer;
+
+// GET
+// const { podTab, podRootTab } = useAppSelector((state) => state.pods);
+
+// POST
+// dispatch(updateState({"podTab": tabValue, "podRootTab": rootTabValue}));

src/redux/store.ts

@@ -0,0 +1,20 @@
+import { configureStore } from '@reduxjs/toolkit';
+import type { TypedUseSelectorHook } from 'react-redux';
+import { useDispatch, useSelector, useStore } from 'react-redux';
+import podsReducer from './podsSlice';
+// import systemsReducer from './systemsSlice';
+
+const store = configureStore({
+  reducer: {
+    pods: podsReducer,
+    // systems: systemsReducer
+  },
+});
+
+export type AppStore = typeof store;
+export type RootState = ReturnType<AppStore['getState']>;
+export type AppDispatch = typeof store.dispatch;
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
+export const useAppStore: () => AppStore = useStore;
+export const useAppDispatch = useDispatch.withTypes<AppDispatch>(); // Export a hook that can be reused to resolve types
+export default store;

tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
     "target": "esnext",
+    "paths": {
+      "@redux": ["./redux/index.tsx"],
+      "@redux/*": ["./redux/*"]
+    },
     "lib": ["dom", "dom.iterable", "esnext"],
     // "lib": ["es6", "dom"],
     "noImplicitAny": true,