Add link from main page

FuelLabs · Dec 13, 2024 · e99c810 · e99c810
1 parent 1f1d698
commit e99c810
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/app/src/features/toolbar/components/ActionToolbar.tsx b/app/src/features/toolbar/components/ActionToolbar.tsx
@@ -14,6 +14,7 @@ import { useIsMobile } from "../../../hooks/useIsMobile";
 import SwitchThemeButton from "./SwitchThemeButton";
 import { useConnectIfNotAlready } from "../hooks/useConnectIfNotAlready";
 import { useDisconnect } from "@fuels/react";
+import { useNavigate } from "react-router-dom";
 
 export interface ActionToolbarProps {
   deployState: DeployState;
@@ -45,6 +46,7 @@ function ActionToolbar({
   const isMobile = useIsMobile();
   const { isConnected } = useConnectIfNotAlready();
   const { disconnect } = useDisconnect();
+  const navigate = useNavigate();
 
   const onDocsClick = useCallback(() => {
     window.open("https://docs.fuel.network/docs/sway", "_blank", "noreferrer");
@@ -99,6 +101,12 @@ function ActionToolbar({
             : "Show the Solidity editor to transpile Solidity to Sway"
         }
       />
+      <SecondaryButton
+        header={true}
+        onClick={() => navigate("/abi")}
+        text="ABI"
+        tooltip="Query an already-deployed contract using the ABI"
+      />
       <SecondaryButton
         header={true}
         onClick={onDocsClick}