From 0587203ad6d2752db3e3ab1033ac342ff36a02c2 Mon Sep 17 00:00:00 2001 From: Melinda Fekete Date: Fri, 20 Sep 2024 10:30:33 +0200 Subject: [PATCH] chore: update project onboarding UI text (#8189) --- .../src/component/onboarding/GenerateApiKey.tsx | 13 ++++++------- .../component/onboarding/TestSdkConnection.tsx | 2 +- .../src/component/onboarding/UnleashConcepts.tsx | 16 ++++++++-------- .../ProjectOnboarding/WelcomeToProject.test.tsx | 4 ++-- .../ProjectOnboarding/WelcomeToProject.tsx | 9 ++++----- 5 files changed, 21 insertions(+), 23 deletions(-) diff --git a/frontend/src/component/onboarding/GenerateApiKey.tsx b/frontend/src/component/onboarding/GenerateApiKey.tsx index 7e905663f7..605584b5a4 100644 --- a/frontend/src/component/onboarding/GenerateApiKey.tsx +++ b/frontend/src/component/onboarding/GenerateApiKey.tsx @@ -35,7 +35,7 @@ const ChooseEnvironment = ({ return ( ({ label: environment, value: environment, @@ -137,7 +137,7 @@ const TokenExplanation = ({ ]} > - The project this API key will retrieve feature + The project this API key can retrieve feature flags from @@ -152,7 +152,7 @@ const TokenExplanation = ({ ]} > - The environment the API key will retrieve + The environment this API key can retrieve feature flag configuration from @@ -235,7 +235,7 @@ export const GenerateApiKey = ({ Environment - The environment SDK will connect to in order to retrieve + The environment the SDK connects to to retrieve configuration. {environments.length > 0 ? ( @@ -258,9 +258,8 @@ export const GenerateApiKey = ({ ) : ( You currently have no active API keys for this - project/environment combination. You'll need to generate - and API key in order to proceed with connecting your - SDK. + project/environment combination. Generate an API key to + proceed with connecting your SDK. )} {parsedToken ? ( diff --git a/frontend/src/component/onboarding/TestSdkConnection.tsx b/frontend/src/component/onboarding/TestSdkConnection.tsx index 20e5368862..6dd2865e77 100644 --- a/frontend/src/component/onboarding/TestSdkConnection.tsx +++ b/frontend/src/component/onboarding/TestSdkConnection.tsx @@ -142,7 +142,7 @@ export const TestSdkConnection: FC = ({ title='Copy snippet' code={filledInitializeCodeSnippet} /> -

3. Check feature status

+

3. Check feature flag status

( Flags live in projects - Projects are containers for feature flags. When you create a - feature flag it will belong to the project you create it in. + Projects are containers for feature flags. Each flag belongs + to the project where you create it. @@ -59,8 +59,8 @@ export const GenerateApiKeyConcepts = () => ( Flags have configuration in environments - In Unleash you can have multiple environments. Each feature - flag will have different configuration in every environment. + You can have multiple environments, and each feature flag + has a different configuration per environment. @@ -71,9 +71,9 @@ export const GenerateApiKeyConcepts = () => ( SDKs connect to Unleash to retrieve configuration - When you connect an SDK to Unleash it will use the API key - to deduce which feature flags to retrieve and from which - environment to retrieve configuration. + When you connect an SDK to Unleash, it uses the API key to + identify which feature flags and configuration to retrieve + from each environment. @@ -87,7 +87,7 @@ export const SelectSdkConcepts = () => ( SDKs and Unleash - SDKs serve to bind your application to Unleash. The SDK will + SDKs serve to bind your application to Unleash. The SDK can connect to Unleash via HTTP and retrieve feature flag configuration that is then cached in your application. Making sure none of your application data ever leaves your diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.test.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.test.tsx index b9f34b659d..b088fb6864 100644 --- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.test.tsx +++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.test.tsx @@ -29,7 +29,7 @@ test('Project can start onboarding', async () => { route: `/projects/${projectId}`, }, ); - await screen.findByText('The project currently holds no feature toggles.'); + await screen.findByText('The project currently holds no feature flags.'); }); test('Project can connect SDK', async () => { @@ -57,6 +57,6 @@ test('Project can connect SDK', async () => { }, ); await screen.findByText( - 'Your project is not yet connected to any SDK. In order to start using your feature flag connect an SDK to the project.', + 'Your project is not yet connected to any SDK. To start using your feature flag, connect an SDK to the project.', ); }); diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.tsx index ecd10f2c88..88cce787fc 100644 --- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.tsx +++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.tsx @@ -130,9 +130,8 @@ export const WelcomeToProject = ({ Connect an SDK - Your project is not yet connected to any SDK. In order - to start using your feature flag connect an SDK to the - project. + Your project is not yet connected to any SDK. To start + using your feature flag, connect an SDK to the project. { @@ -160,8 +159,8 @@ const CreateFlag = () => { Create a feature flag -
The project currently holds no feature toggles.
-
Create a feature flag to get started.
+
The project currently holds no feature flags.
+
Create one to get started.