From 607b62002b61b451fb30d94c16ad3625a8380888 Mon Sep 17 00:00:00 2001
From: Daniel Karnutsch <dkarnutsch@users.noreply.github.com>
Date: Thu, 7 Dec 2023 13:18:28 +0100
Subject: [PATCH] Refactor: use StackLink wherever possible (#1495)

---
 .../src/pages/mainMenu/components/MainMenuItems.tsx      | 5 ++---
 .../admin/cms-admin/src/redirects/RedirectsTable.tsx     | 9 +--------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/demo/admin/src/pages/mainMenu/components/MainMenuItems.tsx b/demo/admin/src/pages/mainMenu/components/MainMenuItems.tsx
index 5db5890a24..88dc8d1f3e 100644
--- a/demo/admin/src/pages/mainMenu/components/MainMenuItems.tsx
+++ b/demo/admin/src/pages/mainMenu/components/MainMenuItems.tsx
@@ -1,5 +1,5 @@
 import { gql } from "@apollo/client";
-import { MainContent, Table, TableQuery, Toolbar, ToolbarAutomaticTitleItem, useStackSwitchApi, useTableQuery } from "@comet/admin";
+import { MainContent, StackLink, Table, TableQuery, Toolbar, ToolbarAutomaticTitleItem, useTableQuery } from "@comet/admin";
 import { Edit } from "@comet/admin-icons";
 import { IconButton } from "@mui/material";
 import { ContentScopeIndicator } from "@src/common/ContentScopeIndicator";
@@ -25,7 +25,6 @@ const mainMenuQuery = gql`
 `;
 
 const MainMenuItems: React.FunctionComponent = () => {
-    const stackApi = useStackSwitchApi();
     const { scope } = useContentScope();
 
     const { tableData, api, loading, error } = useTableQuery<GQLMainMenuQuery, GQLMainMenuQueryVariables>()(mainMenuQuery, {
@@ -64,7 +63,7 @@ const MainMenuItems: React.FunctionComponent = () => {
                                     header: "",
                                     cellProps: { align: "right" },
                                     render: (item) => (
-                                        <IconButton color="primary" onClick={() => stackApi.activatePage("edit", item.node.id)}>
+                                        <IconButton component={StackLink} color="primary" pageName="edit" payload={item.node.id}>
                                             <Edit />
                                         </IconButton>
                                     ),
diff --git a/packages/admin/cms-admin/src/redirects/RedirectsTable.tsx b/packages/admin/cms-admin/src/redirects/RedirectsTable.tsx
index d8ddd6c3c3..d7578d6cf9 100644
--- a/packages/admin/cms-admin/src/redirects/RedirectsTable.tsx
+++ b/packages/admin/cms-admin/src/redirects/RedirectsTable.tsx
@@ -6,7 +6,6 @@ import {
     muiGridPagingToGql,
     muiGridSortToGql,
     StackLink,
-    StackSwitchApiContext,
     TableDeleteButton,
     Toolbar,
     ToolbarAutomaticTitleItem,
@@ -73,8 +72,6 @@ export function RedirectsTable({ linkBlock, scope }: Props): JSX.Element {
         },
     ];
 
-    const stackApi = React.useContext(StackSwitchApiContext);
-
     const columns: GridColDef[] = [
         {
             field: "source",
@@ -139,11 +136,7 @@ export function RedirectsTable({ linkBlock, scope }: Props): JSX.Element {
             headerName: "",
             renderCell: (params) => (
                 <IconWrapper>
-                    <IconButton
-                        onClick={() => {
-                            stackApi.activatePage("edit", params.id.toString());
-                        }}
-                    >
+                    <IconButton component={StackLink} pageName="edit" payload={params.id.toString()}>
                         <Edit color="primary" />
                     </IconButton>
                     <TableDeleteButton