diff --git a/client/src/features/dataConnectorsV2/components/DataConnectorActions.tsx b/client/src/features/dataConnectorsV2/components/DataConnectorActions.tsx index e23048aa4..2d2dd1629 100644 --- a/client/src/features/dataConnectorsV2/components/DataConnectorActions.tsx +++ b/client/src/features/dataConnectorsV2/components/DataConnectorActions.tsx @@ -17,7 +17,7 @@ */ import cx from "classnames"; import { useCallback, useEffect, useState } from "react"; -import { Lock, Pencil, Trash, XLg } from "react-bootstrap-icons"; +import { Lock, NodeMinus, Pencil, Trash, XLg } from "react-bootstrap-icons"; import { matchPath, useLocation } from "react-router-dom-v5-compat"; import { Button, @@ -279,6 +279,12 @@ export default function DataConnectorActions({ dataConnectorLink?: DataConnectorToProjectLink; toggleView: () => void; }) { + const location = useLocation(); + const pathMatch = matchPath( + ABSOLUTE_ROUTES.v2.projects.show.root, + location.pathname + ); + const removeMode = pathMatch === null ? "delete" : "unlink"; const [isCredentialsOpen, setCredentialsOpen] = useState(false); const [isDeleteOpen, setIsDeleteOpen] = useState(false); const [isEditOpen, setIsEditOpen] = useState(false); @@ -325,8 +331,17 @@ export default function DataConnectorActions({ Credentials - - Remove + {removeMode === "delete" ? ( + + + Remove + + ) : ( + + + Unlink + + )}