fixed navigation after creating stack

Author: talhainvenxion

src/api/stacks/getMyStacksApi.ts

@@ -11,6 +11,7 @@ const getMyStacksApi = ({
   page,
   size,
   filtersParam,
+  id,
   authenticationToken,
 }: {
   component_id?: any;
@@ -20,6 +21,7 @@ const getMyStacksApi = ({
   page: number;
   size: number;
   filtersParam?: object;
+  id?: any;
   authenticationToken: string;
 }): Promise<TStack> =>
   fetchApiWithAuthRequest({
@@ -31,6 +33,7 @@ const getMyStacksApi = ({
       page,
       size,
       ...filtersParam,
+      id,
     },
     method: httpMethods.get,
     authenticationToken,

src/redux/actions/stacks/getMyStacksAction.ts

@@ -10,6 +10,7 @@ export const getMyStacksAction = ({
   name,
   size,
   filtersParam,
+  id,
   onSuccess,
   onFailure,
 }: {
@@ -21,6 +22,7 @@ export const getMyStacksAction = ({
   page?: number;
   size?: number;
   filtersParam?: object;
+  id?: any;
   onSuccess?: () => void;
   onFailure?: () => void;
 }): TRequestAction => ({
@@ -39,6 +41,7 @@ export const getMyStacksAction = ({
       page,
       size,
       filtersParam,
+      id,
     },
     onSuccess,
     onFailure,

src/ui/layouts/stacks/CreateStack/ListForAll/index.tsx

@@ -16,6 +16,7 @@ import { SidePopup } from './SidePopup';
 import {
   showToasterAction,
   stackComponentsActions,
+  stacksActions,
 } from '../../../../../redux/actions';
 import axios from 'axios';
 import { toasterTypes } from '../../../../../constants';
@@ -121,9 +122,28 @@ export const ListForAll: React.FC<Props> = () => {
             type: toasterTypes.success,
           }),
         );
+        dispatch(
+          stacksActions.getMy({
+            page: 1,
+            size: 1,
+            id: response.data.id,
+            workspace: selectedWorkspace,
+            onSuccess: () => {
+              history.push(
+                routePaths.stack.configuration(
+                  response.data.id,
+                  selectedWorkspace,
+                ),
+              );
+            },
+            onFailure: () => {},
+          }),
+        );
         // dispatchStackData(1, 10);
-        history.push(routePaths.stacks.base);
-        // history.push(routePaths.stack.configuration(selectedWorkspace, id));
+        // history.push(routePaths.stacks.base);
+        history.push(
+          routePaths.stack.configuration(response.data.id, selectedWorkspace),
+        );
         // dispatchStackComponentsData(1, 10);
 
         // history.push(

src/ui/layouts/stacks/StackDetail/index.tsx

@@ -25,6 +25,7 @@ import { List } from '../Stacks/List';
 
 import logo from '../../../assets/logo.svg';
 import { GetFlavorsListForLogo } from '../../stackComponents/Stacks/List/GetFlavorsListForLogo';
+import { FullWidthSpinner } from '../../../components';
 
 const FilterWrapperForRun = () => {
   const locationPath = useLocationPath();
@@ -151,7 +152,9 @@ export const StackDetail: React.FC = () => {
   // });
 
   const selectedWorkspace = useSelector(workspaceSelectors.selectedWorkspace);
-
+  if (Object.keys(stack).length === 0) {
+    return <FullWidthSpinner color="black" size="md" />;
+  }
   if (flavourList?.length > 1) {
     for (const [key] of Object.entries(stack?.components)) {
       const { logo_url }: any = flavourList.find(

src/ui/layouts/stacks/Stacks/useService.ts

@@ -21,17 +21,17 @@ export const useService = (): ServiceInterface => {
   useEffect(() => {
     setFetching(true);
     console.log('locationPath111', locationPath);
-    dispatch(
-      stacksActions.getMy({
-        sort_by: 'desc:created',
-        logical_operator: 'and',
-        page: 1,
-        size: ITEMS_PER_PAGE ? ITEMS_PER_PAGE : DEFAULT_ITEMS_PER_PAGE,
-        workspace: selectedWorkspace,
-        onSuccess: () => setFetching(false),
-        onFailure: () => setFetching(false),
-      }),
-    );
+    // dispatch(
+    //   stacksActions.getMy({
+    //     sort_by: 'desc:created',
+    //     logical_operator: 'and',
+    //     page: 1,
+    //     size: ITEMS_PER_PAGE ? ITEMS_PER_PAGE : DEFAULT_ITEMS_PER_PAGE,
+    //     workspace: selectedWorkspace,
+    //     onSuccess: () => setFetching(false),
+    //     onFailure: () => setFetching(false),
+    //   }),
+    // );
   }, [locationPath, selectedWorkspace]);
 
   const setFetching = (fetching: boolean) => {