reject button style

owallet-io · Feb 3, 2025 · 9f2de79 · 9f2de79
1 parent 003f524
commit 9f2de79
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 32 deletions.
diff --git a/apps/extension/src/pages/ibc-transfer/index.tsx b/apps/extension/src/pages/ibc-transfer/index.tsx
@@ -22,6 +22,7 @@ import { BACKGROUND_PORT } from "@owallet/router";
 import { useIntl } from "react-intl";
 import { useTxConfigsQueryString } from "../../hooks/use-tx-config-query-string";
 import { useIBCChannelConfigQueryString } from "../../hooks/use-ibc-channel-config-query-string";
+import { CancelIcon } from "components/button";
 
 export const IBCTransferPage: FunctionComponent = observer(() => {
   const { accountStore, chainStore, queriesStore, uiConfigStore } = useStore();
@@ -125,25 +126,13 @@ export const IBCTransferPage: FunctionComponent = observer(() => {
     <HeaderLayout
       title={intl.formatMessage({ id: "page.ibc-transfer.title" })}
       fixedHeight={true}
-      left={
-        <Box
-          paddingLeft="1rem"
-          cursor="pointer"
-          onClick={() => {
-            if (isSelectChannelPhase) {
-              navigate(-1);
-            } else {
-              setPhase("channel");
-            }
-          }}
-        >
-          <ArrowLeftIcon />
-        </Box>
-      }
       bottomButtons={[
         {
-          text: intl.formatMessage({ id: "button.next" }),
+          left: <CancelIcon />,
+          text: intl.formatMessage({ id: "button.reject" }),
           size: "large",
+          color: "danger",
+
           onClick: async () => {
             if (isSelectChannelPhase) {
               setPhase("amount");

diff --git a/apps/extension/src/pages/suggest-chain/index.tsx b/apps/extension/src/pages/suggest-chain/index.tsx
@@ -93,25 +93,24 @@ const SuggestChainPageImpl: FunctionComponent<{
           />
         );
       })()}
-      left={
-        communityChainInfo != null && updateFromRepoDisabled ? (
-          <Box
-            paddingLeft="1rem"
-            cursor="pointer"
-            onClick={() => setUpdateFromRepoDisabled(false)}
-          >
-            <ArrowLeftIcon />
-          </Box>
-        ) : undefined
-      }
+      // left={
+      //   communityChainInfo != null && updateFromRepoDisabled ? (
+      //     <Box
+      //       paddingLeft="1rem"
+      //       cursor="pointer"
+      //       onClick={() => setUpdateFromRepoDisabled(false)}
+      //     >
+      //       <ArrowLeftIcon />
+      //     </Box>
+      //   ) : undefined
+      // }
       bottomButtons={[
         {
-          textOverrideIcon: <CancelIcon color={ColorPalette["gray-200"]} />,
+          left: <CancelIcon />,
+          text: intl.formatMessage({ id: "button.reject" }),
           size: "large",
-          color: "secondary",
-          style: {
-            width: "3.25rem",
-          },
+          color: "danger",
+
           onClick: async () => {
             await chainSuggestStore.rejectWithProceedNext(
               waitingData.id,