chore(ui): align user-facing copy & naming with Redis style guide

redisinsight/ui/src/components/analytics-tabs/AnalyticsTabs.spec.tsx

@@ -31,7 +31,7 @@ describe('AnalyticsTabs', () => {
 
     render(<AnalyticsTabs />)
 
-    fireEvent.mouseDown(screen.getByText('Database Analysis'))
+    fireEvent.mouseDown(screen.getByText('Database analysis'))
 
     expect(pushMock).toHaveBeenCalledTimes(1)
     expect(pushMock).toHaveBeenCalledWith(
@@ -44,7 +44,7 @@ describe('AnalyticsTabs', () => {
 
     render(<AnalyticsTabs />)
 
-    fireEvent.mouseDown(screen.getByText('Slow Log'))
+    fireEvent.mouseDown(screen.getByText('Slow log'))
 
     expect(pushMock).toHaveBeenCalledTimes(1)
     expect(pushMock).toHaveBeenCalledWith('/instanceId/analytics/slowlog')
@@ -77,7 +77,7 @@ describe('AnalyticsTabs', () => {
 
     render(<AnalyticsTabs />)
 
-    fireEvent.mouseDown(screen.getByText('Slow Log'))
+    fireEvent.mouseDown(screen.getByText('Slow log'))
 
     expect(pushMock).toHaveBeenCalledTimes(1)
     expect(pushMock).toHaveBeenCalledWith('/instanceId/analytics/slowlog')

redisinsight/ui/src/components/analytics-tabs/AnalyticsTabs.tsx

@@ -46,7 +46,7 @@ const AnalyticsTabs = () => {
         value: AnalyticsViewTab.DatabaseAnalysis,
         content: null,
         label: renderOnboardingTourWithChild(
-          <Text>Database Analysis</Text>,
+          <Text>Database analysis</Text>,
           {
             options: ONBOARDING_FEATURES?.ANALYTICS_DATABASE_ANALYSIS,
             anchorPosition: 'downLeft',
@@ -59,7 +59,7 @@ const AnalyticsTabs = () => {
         value: AnalyticsViewTab.SlowLog,
         content: null,
         label: renderOnboardingTourWithChild(
-          <Text>Slow Log</Text>,
+          <Text>Slow log</Text>,
           {
             options: ONBOARDING_FEATURES?.ANALYTICS_SLOW_LOG,
             anchorPosition: 'downLeft',

redisinsight/ui/src/components/auto-refresh/AutoRefresh.tsx

@@ -279,7 +279,7 @@ const AutoRefresh = ({
         <Row align="center" gap="none">
           <FlexItem>
             <RiTooltip
-              title={!disabled && 'Last Refresh'}
+              title={!disabled && 'Last refresh'}
               className={styles.tooltip}
               position="top"
               content={disabled ? disabledRefreshButtonMessage : refreshMessage}
@@ -327,7 +327,7 @@ const AutoRefresh = ({
               }
             >
               <SwitchInput
-                title="Auto Refresh"
+                title="Auto refresh"
                 checked={enableAutoRefresh}
                 onCheckedChange={onChangeEnableAutoRefresh}
                 className={styles.switchOption}

redisinsight/ui/src/components/bottom-group-components/BottomGroupComponents.spec.tsx

@@ -44,7 +44,7 @@ describe('BottomGroupComponents', () => {
     expect(screen.getByTestId(cliId)).toBeInTheDocument()
   })
 
-  it('should render Command Helper when isShowHelper truthy', () => {
+  it('should render Command helper when isShowHelper truthy', () => {
     render(<BottomGroupComponents />)
     expect(screen.getByTestId(commandHelperId)).toBeInTheDocument()
   })

redisinsight/ui/src/components/browser/view-switch/ViewSwitch.tsx

@@ -15,19 +15,19 @@
   isTreeViewDisabled = false,
   onChange,
 }: ViewSwitchProps) => {
   const viewTypes: ISwitchType[] = [
     {
       type: KeyViewType.Browser,
-      tooltipText: 'List View',
+      tooltipText: 'List view',
       ariaLabel: 'List view button',
       dataTestId: 'view-type-browser-btn',
       getIconType: () => EqualIcon,
     },
     {
       type: KeyViewType.Tree,
       tooltipText: isTreeViewDisabled
-        ? 'Tree View is unavailable when the HEX key name format is selected.'
-        : 'Tree View',
+        ? 'Tree view is unavailable when the HEX key name format is selected.'
+        : 'Tree view',
       ariaLabel: 'Tree view button',
       dataTestId: 'view-type-list-btn',
       disabled: isTreeViewDisabled,

redisinsight/ui/src/components/command-helper/CommandHelperHeader/CommandHelperHeader.tsx

@@ -52,15 +52,15 @@ const CommandHelperHeader = () => {
             anchorPosition="upLeft"
             panelClassName={styles.helperOnboardPanel}
           >
-            <Text>Command Helper</Text>
+            <Text>Command helper</Text>
           </OnboardingTour>
         </FlexItem>
         <FlexItem grow />
         <WindowControlGroup
           onClose={handleCloseHelper}
           onHide={handleHideHelper}
           id="command-helper"
-          label="Command Helper"
+          label="Command helper"
         />
       </Row>
     </div>

redisinsight/ui/src/components/database-overview/DatabaseOverview.spec.tsx

@@ -227,10 +227,10 @@ const mockMetrics: IMetric[] = [
   {
     id: 'overview-total-memory',
     value: 13,
-    unavailableText: 'Total Memory is not available',
-    title: 'Total Memory',
+    unavailableText: 'Total memory is not available',
+    title: 'Total memory',
     tooltip: {
-      title: 'Total Memory',
+      title: 'Total memory',
       icon: 'MemoryLightIcon',
       content: '13 / 30 (43%)',
     },
@@ -244,23 +244,23 @@ const mockMetrics: IMetric[] = [
   {
     id: 'overview-total-keys',
     value: 5000,
-    unavailableText: 'Total Keys are not available',
-    title: 'Total Keys',
+    unavailableText: 'Total keys are not available',
+    title: 'Total keys',
     icon: 'KeyLightIcon',
     content: truncateNumberToRange(5000),
     tooltip: {
       icon: 'KeyLightIcon',
       content: <b>5 000</b>,
-      title: 'Total Keys',
+      title: 'Total keys',
     },
     children: [
       {
         id: 'total-keys-tip',
         value: 5000,
-        unavailableText: 'Total Keys are not available',
-        title: 'Total Keys',
+        unavailableText: 'Total keys are not available',
+        title: 'Total keys',
         tooltip: {
-          title: 'Total Keys',
+          title: 'Total keys',
           content: <b>5 000</b>,
         },
         content: <b>5 000</b>,

redisinsight/ui/src/components/import-file-modal/ImportFileModal.spec.tsx

@@ -92,7 +92,7 @@ describe('ImportFileModal', () => {
     render(<ImportFileModal {...mockProps} data={{}} />)
 
     expect(screen.getByTestId('import-file-modal-title')).toHaveTextContent(
-      'Import Results',
+      'Import results',
     )
   })
 

redisinsight/ui/src/components/import-file-modal/ImportFileModal.tsx

@@ -62,7 +62,7 @@ const ImportFileModal = <T,>({
 
         <Modal.Content.Header.Compose>
           <Modal.Content.Header.Title data-testid="import-file-modal-title">
-            {!data && !error ? title : resultsTitle || 'Import Results'}
+            {!data && !error ? title : resultsTitle || 'Import results'}
           </Modal.Content.Header.Title>
         </Modal.Content.Header.Compose>
 

redisinsight/ui/src/components/instance-header/InstanceHeader.tsx

@@ -258,7 +258,7 @@ const InstanceHeader = ({ onChangeDbIndex }: Props) => {
                                   setDbIndex(value ? value.toString() : '')
                                 }
                                 value={Number(dbIndex)}
-                                placeholder="Database Index"
+                                placeholder="Database index"
                                 className={styles.dbIndexInput}
                                 data-testid="change-index-input"
                               />

redisinsight/ui/src/components/instance-header/components/ShortInstanceInfo.tsx

@@ -72,7 +72,7 @@ const ShortInstanceInfo = ({ info, databases, modules }: Props) => {
               <Text color="secondary" size="s">
                 <WordBreakWrapper>
                   Select logical databases to work with in Browser, Workbench,
-                  and Database Analysis.
+                  and Database analysis.
                 </WordBreakWrapper>
               </Text>
             </Col>

redisinsight/ui/src/components/markdown/CodeButtonBlock/components/RunConfirmationPopover.spec.tsx

@@ -14,7 +14,7 @@ describe('RunConfirmationPopover', () => {
     expect(render(<RunConfirmationPopover onApply={jest.fn()} />)).toBeTruthy()
   })
 
-  it('should hide "Change Database" button when feature flag is off', async () => {
+  it('should hide "Change database" button when feature flag is off', async () => {
     const initialStoreState = set(
       cloneDeep(initialStateDefault),
       `app.features.featureFlags.features.${FeatureFlags.envDependent}`,
@@ -25,11 +25,11 @@ describe('RunConfirmationPopover', () => {
       store: mockStore(initialStoreState),
     })
     expect(
-      screen.queryByRole('button', { name: 'Change Database' }),
+      screen.queryByRole('button', { name: 'Change database' }),
     ).toBeInTheDocument()
   })
 
-  it('should hide "Change Database" button when feature flag is on', async () => {
+  it('should hide "Change database" button when feature flag is on', async () => {
     const initialStoreState = set(
       cloneDeep(initialStateDefault),
       `app.features.featureFlags.features.${FeatureFlags.envDependent}`,
@@ -40,7 +40,7 @@ describe('RunConfirmationPopover', () => {
       store: mockStore(initialStoreState),
     })
     expect(
-      screen.queryByRole('button', { name: 'Change Database' }),
+      screen.queryByRole('button', { name: 'Change database' }),
     ).not.toBeInTheDocument()
   })
 })

redisinsight/ui/src/components/markdown/CodeButtonBlock/components/RunConfirmationPopover.tsx

@@ -76,7 +76,7 @@ const RunConfirmationPopover = ({ onApply }: Props) => {
               onClick={handleChangeDatabase}
               data-testid="tutorial-popover-change-db"
             >
-              Change Database
+              Change database
             </SecondaryButton>
           </FeatureFlagComponent>
           <PrimaryButton

redisinsight/ui/src/components/messages/cli-output/cliOutput.tsx

@@ -26,7 +26,7 @@ export const InitOutputText = (
         >
           Workbench
         </Link>
-        , our advanced CLI. Check out our Quick Guides to learn more about Redis
+        , our advanced CLI. Check out our quick guides to learn more about Redis
         capabilities.
       </span>
     )}
@@ -72,7 +72,7 @@ export const cliTexts = {
       className="cli-output-response-fail"
       data-testid="user-pub-sub-link-disabled"
     >
-      PubSub not supported in this environment.
+      Pub/Sub not supported in this environment.
     </div>
   ),
   USE_PSUBSCRIBE_COMMAND: (path: string = '') => (

redisinsight/ui/src/components/messages/database-not-opened/DatabaseNotOpened.tsx

@@ -30,7 +30,7 @@ const DatabaseNotOpened = (props: Props) => {
         <Spacer size="s" />
         <Col>
           <Text size="s">
-            Open your Redis database, or create a new database to get started.
+            Open your Redis database, or build a new database to get started.
           </Text>
           <Spacer size="m" />
           <OAuthSsoHandlerDialog>
@@ -51,7 +51,7 @@ const DatabaseNotOpened = (props: Props) => {
                 }}
                 data-testid="tutorials-get-started-link"
               >
-                Create a free Redis Cloud database
+                Build a free Redis Cloud database
               </Link>
             )}
           </OAuthSsoHandlerDialog>

redisinsight/ui/src/components/messages/feature-not-available/FeatureNotAvailable.tsx

@@ -69,7 +69,7 @@ const FeatureNotAvailable = ({
                   data-testid={`${content.testId}-get-started-link`}
                   size="m"
                 >
-                  Get Started For Free
+                  Build a free database
                 </PrimaryButton>
               )}
             </OAuthSsoHandlerDialog>
@@ -79,7 +79,7 @@ const FeatureNotAvailable = ({
               href={getUtmExternalLink(EXTERNAL_LINKS.redisStack, learnMoreUtm)}
               data-testid={`${content.testId}-learn-more-link`}
             >
-              Learn More
+              Learn more
             </Link>
           </Col>
         </FeatureFlagComponent>

redisinsight/ui/src/components/messages/feature-not-available/constants.ts

@@ -8,19 +8,19 @@ export const FILTER_NOT_AVAILABLE_CONTENT: FeatureNotAvailableContent = {
   freeInstanceText:
     'Use your free all-in-one Redis Cloud database to start exploring these capabilities.',
   noInstanceText:
-    'Create a free Redis Cloud database that supports filtering and extends the core capabilities of your Redis.',
+    'Build a free Redis Cloud database that supports filtering and extends the core capabilities of your Redis.',
   oauthSource: OAuthSocialSource.BrowserFiltering,
 }
 
 export const REDISEARCH_VERSION_REQUIRED_CONTENT: FeatureNotAvailableContent = {
   testId: 'redisearch-version-required',
-  title: 'Redis Query Engine 2.0+ required',
+  title: 'Redis Search 2.0+ required',
   description:
-    'This feature requires Redis Query Engine 2.0 or later (included with Redis 6+). ' +
+    'This feature requires Redis Search 2.0 or later (included with Redis 6+). ' +
     'Older versions of the query engine are not compatible with the commands used here.',
   freeInstanceText:
     'Use your free all-in-one Redis Cloud database to start exploring these capabilities.',
   noInstanceText:
-    'Create a free Redis Cloud database to start exploring these capabilities.',
+    'Build a free Redis Cloud database to start exploring these capabilities.',
   oauthSource: OAuthSocialSource.BrowserSearch,
 }

redisinsight/ui/src/components/messages/module-not-loaded-minimalized/ModuleNotLoadedMinimalized.spec.tsx

@@ -70,7 +70,7 @@ describe('ModuleNotLoadedMinimalized', () => {
     expect(screen.queryByTestId('connect-free-db-btn')).not.toBeInTheDocument()
     expect(screen.getByText(/Redis Databases page/)).toBeInTheDocument()
     expect(
-      screen.getByText(/Open a database with Redis Query Engine/),
+      screen.getByText(/Open a database with Redis Search/),
     ).toBeInTheDocument()
   })
 
@@ -87,7 +87,7 @@ describe('ModuleNotLoadedMinimalized', () => {
 
     expect(
       screen.getByText(
-        /Create a free Redis Cloud database with search and query/,
+        /Build a free Redis Cloud database with search and query/,
       ),
     ).toBeInTheDocument()
   })

redisinsight/ui/src/components/messages/module-not-loaded-minimalized/ModuleNotLoadedMinimalized.tsx

@@ -109,7 +109,7 @@ const ModuleNotLoadedMinimalized = (props: Props) => {
                     }}
                     data-testid="tutorials-get-started-link"
                   >
-                    Start with Cloud for free
+                    Build a free Redis Cloud database
                   </Link>
                 )}
               </OAuthSsoHandlerDialog>

redisinsight/ui/src/components/messages/module-not-loaded-minimalized/constants.ts

@@ -8,19 +8,19 @@ export const MODULE_CAPABILITY_TEXT_NOT_AVAILABLE: {
 } = {
   [RedisDefaultModules.Bloom]: {
     title: 'Probabilistic data structures are not available',
-    text: 'Create a free Redis Cloud database with probabilistic data structures that extend the core capabilities of your Redis.',
+    text: 'Build a free Redis Cloud database with probabilistic data structures that extend the core capabilities of your Redis.',
   },
   [RedisDefaultModules.ReJSON]: {
     title: 'JSON data structure is not available',
-    text: 'Create a free Redis Cloud database with JSON capability that extends the core capabilities of your Redis.',
+    text: 'Build a free Redis Cloud database with JSON capability that extends the core capabilities of your Redis.',
   },
   [RedisDefaultModules.Search]: {
-    title: 'Redis Query Engine capability is not available',
-    text: 'Create a free Redis Cloud database with search and query features that extend the core capabilities of your Redis.',
+    title: 'Redis Search capability is not available',
+    text: 'Build a free Redis Cloud database with search and query features that extend the core capabilities of your Redis.',
   },
   [RedisDefaultModules.TimeSeries]: {
     title: 'Time series data structure is not available',
-    text: 'Create a free Redis Cloud database with the time series data structure that extends the core capabilities of your Redis.',
+    text: 'Build a free Redis Cloud database with the time series data structure that extends the core capabilities of your Redis.',
   },
 }
 
@@ -39,8 +39,8 @@ export const MODULE_CAPABILITY_TEXT_NOT_AVAILABLE_ENTERPRISE: {
     text: 'Open a database with JSON.',
   },
   [RedisDefaultModules.Search]: {
-    title: 'Redis Query Engine capability is not available',
-    text: 'Open a database with Redis Query Engine.',
+    title: 'Redis Search capability is not available',
+    text: 'Open a database with Redis Search.',
   },
   [RedisDefaultModules.TimeSeries]: {
     title: 'Time series data structure is not available',