Refactor: use StackLink wherever possible (#1495)

vivid-planet · Dec 7, 2023 · 607b620 · 607b620
1 parent f9e4606
commit 607b620
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git 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
@@ -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