diff --git a/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx b/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx index c7d10f733209..ba04e8f11cad 100644 --- a/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx +++ b/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx @@ -114,6 +114,8 @@ test('Add dependency', async () => { const addButton = await screen.findByText('Add'); userEvent.click(addButton); + await screen.findByText('Client SDK support for feature dependencies'); + await waitFor(() => { expect(closed).toBe(true); }); diff --git a/frontend/src/component/feature/Dependencies/AddDependencyDialogue.tsx b/frontend/src/component/feature/Dependencies/AddDependencyDialogue.tsx index 43499ff04a2b..8c1f3be0ab05 100644 --- a/frontend/src/component/feature/Dependencies/AddDependencyDialogue.tsx +++ b/frontend/src/component/feature/Dependencies/AddDependencyDialogue.tsx @@ -13,6 +13,7 @@ import { usePendingChangeRequests } from 'hooks/api/getters/usePendingChangeRequ import useToast from 'hooks/useToast'; import { formatUnknownError } from 'utils/formatUnknownError'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; +import { DependenciesUpgradeAlert } from './DependenciesUpgradeAlert'; interface IAddDependencyDialogueProps { project: string; @@ -189,10 +190,12 @@ export const AddDependencyDialogue = ({ secondaryButtonText='Cancel' > - Your feature will be evaluated only when the selected parent - feature is enabled in the same environment. -
-
+ + + Your feature will be evaluated only when the selected parent + feature is enabled in the same environment. + + What feature do you want to depend on? { + return ( + + Remember to update your Unleash client! Feature dependencies require + new SDK versions. Read more about . + + ); +}; + +const DependenciesDocsLink = () => { + return ( + + Client SDK support for feature dependencies + + ); +};