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
+
+ )}