fix: tweak sdk copy (#3341)

Flagsmith · Jan 29, 2024 · 13617c5 · 13617c5 · vercel · Jan 29, 2024
1 parent 8050aed
commit 13617c5
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/frontend/web/components/AdminAPIKeys.js b/frontend/web/components/AdminAPIKeys.js
@@ -224,11 +224,10 @@ export default class AdminAPIKeys extends PureComponent {
         {!!apiKeys && !!apiKeys.length && (
           <PanelSearch
             className='no-pad'
-            title='API Keys'
             items={apiKeys}
             header={
               <Row className='table-header'>
-                <Flex className='table-column px-3'>API Keys</Flex>
+                <Flex className='table-column px-3'>Terraform API Keys</Flex>
                 <Flex className='table-column'>Created</Flex>
                 <div
                   className='table-column text-center'

diff --git a/frontend/web/components/ServerSideSDKKeys.js b/frontend/web/components/ServerSideSDKKeys.js
@@ -150,7 +150,7 @@ class ServerSideSDKKeys extends Component {
             using our{' '}
             <Button
               theme='text'
-              href='https://docs.flagsmith.com/clients/overview'
+              href='https://docs.flagsmith.com/clients/overview#server-side-sdks'
               target='__blank'
             >
               Server-side Environment Keys

diff --git a/frontend/web/components/pages/EnvironmentSettingsPage.js b/frontend/web/components/pages/EnvironmentSettingsPage.js
@@ -660,11 +660,21 @@ const EnvironmentSettingsPage = class extends Component {
                         </div>
                       </div>
                     </TabItem>
-                    <TabItem tabLabel='Keys'>
+                    <TabItem tabLabel='SDK Keys'>
                       <FormGroup className='mt-4'>
                         <h5 className='mb-5'>Client-side Environment Key</h5>
                         <div className='col-md-6'>
-                          <label>Environment Key</label>
+                          <p className='fs-small lh-sm mb-0'>
+                          Use this key to initialise{' '}
+                          <Button
+                              theme='text'
+                              href='https://docs.flagsmith.com/clients/overview#client-side-sdks'
+                              target='__blank'
+                          >
+                              Client-side
+                          </Button>
+                          {' '}SDKs.
+                          </p>
                           <Row>
                             <Flex>
                               <Input

diff --git a/frontend/web/components/pages/OrganisationSettingsPage.js b/frontend/web/components/pages/OrganisationSettingsPage.js
@@ -753,7 +753,7 @@ const OrganisationSettingsPage = class extends Component {
                         )}
 
                         {displayedTabs.includes(SettingsTab.Keys) && (
-                          <TabItem tabLabel='Keys'>
+                          <TabItem tabLabel='API Keys'>
                             <AdminAPIKeys organisationId={organisation.id} />
                           </TabItem>
                         )}