Update EuiTitle to EuiText

Signed-off-by: Lin Wang <wonglam@amazon.com>
wanglam · Sep 3, 2024 · a9f289a · a9f289a
1 parent 5969e03
commit a9f289a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/public/components/preview_panel/connector_details.tsx b/public/components/preview_panel/connector_details.tsx
@@ -7,11 +7,11 @@ import React from 'react';
 import {
   EuiDescriptionList,
   EuiDescriptionListTitle,
-  EuiTitle,
   EuiSpacer,
   EuiDescriptionListDescription,
   EuiFlexGroup,
   EuiFlexItem,
+  EuiText,
 } from '@elastic/eui';
 import { CopyableText } from '../common';
 
@@ -20,9 +20,9 @@ export const ConnectorDetails = (props: { name?: string; id?: string; descriptio
   return (
     <>
       <EuiSpacer size="m" />
-      <EuiTitle size="s">
+      <EuiText size="s">
         <h3>Connector details</h3>
-      </EuiTitle>
+      </EuiText>
       <EuiSpacer size="m" />
       <EuiDescriptionList compressed>
         <EuiFlexGroup>

diff --git a/public/components/preview_panel/index.tsx b/public/components/preview_panel/index.tsx
@@ -8,7 +8,6 @@ import {
   EuiFlyout,
   EuiFlyoutBody,
   EuiFlyoutHeader,
-  EuiTitle,
   EuiHealth,
   EuiDescriptionList,
   EuiDescriptionListTitle,
@@ -17,6 +16,7 @@ import {
   EuiTextColor,
   EuiFlexGroup,
   EuiFlexItem,
+  EuiText,
 } from '@elastic/eui';
 import { APIProvider } from '../../apis/api_provider';
 import { useFetcher } from '../../hooks/use_fetcher';
@@ -114,9 +114,9 @@ export const PreviewPanel = ({ onClose, model, dataSourceId }: Props) => {
   return (
     <EuiFlyout onClose={onCloseFlyout}>
       <EuiFlyoutHeader hasBorder>
-        <EuiTitle size="s">
+        <EuiText size="s">
           <h2>{name}</h2>
-        </EuiTitle>
+        </EuiText>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>
         <EuiDescriptionList compressed>

diff --git a/public/components/preview_panel/nodes_table.tsx b/public/components/preview_panel/nodes_table.tsx
@@ -16,7 +16,6 @@ import {
   EuiText,
   EuiDescriptionList,
   EuiDescriptionListTitle,
-  EuiTitle,
   EuiSpacer,
   EuiDescriptionListDescription,
 } from '@elastic/eui';
@@ -117,9 +116,9 @@ export function NodesTable(props: { nodes: INode[]; loading: boolean; nodesStatu
       <EuiSpacer size="l" />
       <EuiDescriptionList>
         <EuiDescriptionListTitle>
-          <EuiTitle size="s">
+          <EuiText size="s">
             <h3>Status by node</h3>
-          </EuiTitle>
+          </EuiText>
         </EuiDescriptionListTitle>
         <EuiDescriptionListDescription>{nodesStatus}</EuiDescriptionListDescription>
       </EuiDescriptionList>