Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-18 00:19:49 +01:00
Code Issues Projects Releases Wiki Activity

chore: update project onboarding UI text (#8189)

Browse Source
This commit is contained in:
Melinda Fekete 2024-09-20 10:30:33 +02:00 committed by GitHub
parent 35004fe7f1
commit 0587203ad6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/component/onboarding/GenerateApiKey.tsx
View File

@ -35,7 +35,7 @@ const ChooseEnvironment = ({
return ( return (
<SingleSelectConfigButton <SingleSelectConfigButton
tooltip={{ header: '' }} tooltip={{ header: '' }}
description='Select the environment where API key will be created' description='Select the environment where the API key will be created'
options={environments.map((environment) => ({ options={environments.map((environment) => ({
label: environment, label: environment,
value: environment, value: environment,
@ -137,7 +137,7 @@ const TokenExplanation = ({
]} ]}
> >
<SecretExplanationDescription> <SecretExplanationDescription>
The project this API key will retrieve feature The project this API key can retrieve feature
flags from flags from
</SecretExplanationDescription> </SecretExplanationDescription>
</ArcherElement> </ArcherElement>
@ -152,7 +152,7 @@ const TokenExplanation = ({
]} ]}
> >
<SecretExplanationDescription> <SecretExplanationDescription>
The environment the API key will retrieve The environment this API key can retrieve
feature flag configuration from feature flag configuration from
</SecretExplanationDescription> </SecretExplanationDescription>
</ArcherElement> </ArcherElement>
@ -235,7 +235,7 @@ export const GenerateApiKey = ({
<Box sx={{ mt: 2 }}> <Box sx={{ mt: 2 }}>
<SectionHeader>Environment</SectionHeader> <SectionHeader>Environment</SectionHeader>
<SectionDescription> <SectionDescription>
The environment SDK will connect to in order to retrieve The environment the SDK connects to to retrieve
configuration. configuration.
</SectionDescription> </SectionDescription>
{environments.length > 0 ? ( {environments.length > 0 ? (
@ -258,9 +258,8 @@ export const GenerateApiKey = ({
) : ( ) : (
<SectionDescription> <SectionDescription>
You currently have no active API keys for this You currently have no active API keys for this
project/environment combination. You'll need to generate project/environment combination. Generate an API key to
and API key in order to proceed with connecting your proceed with connecting your SDK.
SDK.
</SectionDescription> </SectionDescription>
)} )}
{parsedToken ? ( {parsedToken ? (

2
frontend/src/component/onboarding/TestSdkConnection.tsx
View File

@ -142,7 +142,7 @@ export const TestSdkConnection: FC<ITestSdkConnectionProps> = ({
title='Copy snippet' title='Copy snippet'
code={filledInitializeCodeSnippet} code={filledInitializeCodeSnippet}
/> />
<p>3. Check feature status</p> <p>3. Check feature flag status</p>
<CopyBlock <CopyBlock
title='Copy snippet' title='Copy snippet'
code={filledCheckFlagCodeSnippet} code={filledCheckFlagCodeSnippet}

16
frontend/src/component/onboarding/UnleashConcepts.tsx
View File

@ -47,8 +47,8 @@ export const GenerateApiKeyConcepts = () => (
<Box> <Box>
<ConceptSummary>Flags live in projects</ConceptSummary> <ConceptSummary>Flags live in projects</ConceptSummary>
<ConceptDetails> <ConceptDetails>
Projects are containers for feature flags. When you create a Projects are containers for feature flags. Each flag belongs
feature flag it will belong to the project you create it in. to the project where you create it.
</ConceptDetails> </ConceptDetails>
</Box> </Box>
</ConceptItem> </ConceptItem>
@ -59,8 +59,8 @@ export const GenerateApiKeyConcepts = () => (
Flags have configuration in environments Flags have configuration in environments
</ConceptSummary> </ConceptSummary>
<ConceptDetails> <ConceptDetails>
In Unleash you can have multiple environments. Each feature You can have multiple environments, and each feature flag
flag will have different configuration in every environment. has a different configuration per environment.
</ConceptDetails> </ConceptDetails>
</Box> </Box>
</ConceptItem> </ConceptItem>
@ -71,9 +71,9 @@ export const GenerateApiKeyConcepts = () => (
SDKs connect to Unleash to retrieve configuration SDKs connect to Unleash to retrieve configuration
</ConceptSummary> </ConceptSummary>
<ConceptDetails> <ConceptDetails>
When you connect an SDK to Unleash it will use the API key When you connect an SDK to Unleash, it uses the API key to
to deduce which feature flags to retrieve and from which identify which feature flags and configuration to retrieve
environment to retrieve configuration. from each environment.
</ConceptDetails> </ConceptDetails>
</Box> </Box>
</ConceptItem> </ConceptItem>
@ -87,7 +87,7 @@ export const SelectSdkConcepts = () => (
<Box> <Box>
<ConceptSummary>SDKs and Unleash</ConceptSummary> <ConceptSummary>SDKs and Unleash</ConceptSummary>
<ConceptDetails> <ConceptDetails>
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 connect to Unleash via HTTP and retrieve feature flag
configuration that is then cached in your application. configuration that is then cached in your application.
Making sure none of your application data ever leaves your Making sure none of your application data ever leaves your

4
frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.test.tsx
View File

@ -29,7 +29,7 @@ test('Project can start onboarding', async () => {
route: `/projects/${projectId}`, 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 () => { test('Project can connect SDK', async () => {
@ -57,6 +57,6 @@ test('Project can connect SDK', async () => {
}, },
); );
await screen.findByText( 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.',
); );
}); });

9
frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOnboarding/WelcomeToProject.tsx
View File

@ -130,9 +130,8 @@ export const WelcomeToProject = ({
Connect an SDK Connect an SDK
</TitleContainer> </TitleContainer>
<Typography> <Typography>
Your project is not yet connected to any SDK. In order Your project is not yet connected to any SDK. To start
to start using your feature flag connect an SDK to the using your feature flag, connect an SDK to the project.
project.
</Typography> </Typography>
<ResponsiveButton <ResponsiveButton
onClick={() => { onClick={() => {
@ -160,8 +159,8 @@ const CreateFlag = () => {
Create a feature flag Create a feature flag
</TitleContainer> </TitleContainer>
<Typography> <Typography>
<div>The project currently holds no feature toggles.</div> <div>The project currently holds no feature flags.</div>
<div>Create a feature flag to get started.</div> <div>Create one to get started.</div>
</Typography> </Typography>
<FlagCreationButton text='Create flag' /> <FlagCreationButton text='Create flag' />
</> </>