Minor changes to UI

Signed-off-by: Kshitij Tandon <[email protected]>
opensearch-project · Aug 30, 2024 · 2b76ce2 · 2b76ce2
1 parent 0321da2
commit 2b76ce2
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 4 deletions.
diff --git a/public/pages/Aliases/containers/Aliases/Aliases.tsx b/public/pages/Aliases/containers/Aliases/Aliases.tsx
@@ -384,13 +384,14 @@ class Aliases extends MDSEnabledComponent<AliasesProps, AliasesState> {
               ) ? (
                 <EuiEmptyPrompt
                   body={
-                    <EuiText>
+                    <EuiText size="s">
                       <p>You have no aliases.</p>
                     </EuiText>
                   }
                   actions={[
                     <EuiSmallButton
                       fill
+                      iconType="plus"
                       onClick={() => {
                         this.setState({
                           aliasCreateFlyoutVisible: true,
@@ -404,7 +405,7 @@ class Aliases extends MDSEnabledComponent<AliasesProps, AliasesState> {
               ) : (
                 <EuiEmptyPrompt
                   body={
-                    <EuiText>
+                    <EuiText size="s">
                       <p>There are no aliases matching your applied filters. Reset your filters to view your aliases.</p>
                     </EuiText>
                   }

diff --git a/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap b/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
@@ -404,7 +404,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
                           class="euiText euiText--medium"
                         >
                           <div
-                            class="euiText euiText--medium"
+                            class="euiText euiText--small"
                           >
                             <p>
                               You have no aliases.
@@ -428,6 +428,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
                             <span
                               class="euiButtonContent euiButton__content"
                             >
+                              EuiIconMock
                               <span
                                 class="euiButton__text"
                               >

diff --git a/public/pages/Aliases/containers/CreateAlias/__snapshots__/CreateAlias.test.tsx.snap b/public/pages/Aliases/containers/CreateAlias/__snapshots__/CreateAlias.test.tsx.snap
@@ -232,6 +232,7 @@ HTMLCollection [
                 <span
                   class="euiButtonContent euiButton__content"
                 >
+                  EuiIconMock
                   <span
                     class="euiButton__text"
                   >

diff --git a/public/pages/Aliases/containers/CreateAlias/index.tsx b/public/pages/Aliases/containers/CreateAlias/index.tsx
@@ -206,6 +206,7 @@ export default function CreateAlias(props: ICreateAliasProps) {
             fill
             color="primary"
             data-test-subj="createAliasButton"
+            iconType={isEdit ? undefined : "plus"}
             onClick={async () => {
               const { errors, values } = (await formGenerateRef.current?.validatePromise()) || {};
               if (errors) {

diff --git a/public/pages/CreateIndexTemplate/containers/TemplateDetail/TemplateDetail.tsx b/public/pages/CreateIndexTemplate/containers/TemplateDetail/TemplateDetail.tsx
@@ -17,6 +17,10 @@ import {
   EuiTabs,
   EuiText,
   EuiTitle,
+  EuiPanel,
+  EuiTextColor,
+  EuiAccordion,
+  htmlIdGenerator,
 } from "@elastic/eui";
 import queryString from "query-string";
 import { TemplateItem, TemplateItemRemote } from "../../../../../models/interfaces";
@@ -398,6 +402,33 @@ const TemplateDetail = (props: TemplateDetailProps, ref: Ref<FieldInstance>) =>
           <EuiSpacer />
         </>
       ) : null}
+      {/* <EuiPanel>
+        {
+          isEdit && selectedTabId === TABS_ENUM.SUMMARY ? (
+            <EuiText size="s">
+              <h2>Preview template</h2>
+            </EuiText>
+          ) : values._meta?.flow === FLOW_ENUM.COMPONENTS ? (
+            <EuiText size="s">
+              <h2>Override template definition</h2>
+            </EuiText>
+          ) : (
+            <EuiText size="s">
+              <h2>Template definition</h2>
+            </EuiText>
+          )
+        }
+        {
+          (!isEdit || selectedTabId !== TABS_ENUM.SUMMARY) && values._meta?.flow === FLOW_ENUM.COMPONENTS
+            ? <EuiText size="xs">
+                <EuiTextColor color="subdued">Provide additional configurations such as index aliases, settings, and mappings. Configurations defined in this section will take precedent if they overlap with the associated component templates.</EuiTextColor>
+              </EuiText>
+            : undefined
+        }
+        {(!isEdit || selectedTabId !== TABS_ENUM.SUMMARY) && values._meta?.flow === FLOW_ENUM.COMPONENTS
+          ? <EuiAccordion id={htmlIdGenerator()()} forceState={isAccordionOpen} onToggle={toggleAccordion} buttonContent={titleContent}></EuiAccordion> : undefined
+        }
+      </EuiPanel> */}
       <ContentPanel
         title={
           isEdit && selectedTabId === TABS_ENUM.SUMMARY ? (
@@ -472,6 +503,7 @@ const TemplateDetail = (props: TemplateDetailProps, ref: Ref<FieldInstance>) =>
                   }}
                   isLoading={isSubmitting}
                   data-test-subj="CreateIndexTemplateCreateButton"
+                  iconType={"plus"}
                 >
                   Create template
                 </EuiSmallButton>

diff --git a/public/pages/ManagedIndices/components/ManagedIndexEmptyPrompt/ManagedIndexEmptyPrompt.tsx b/public/pages/ManagedIndices/components/ManagedIndexEmptyPrompt/ManagedIndexEmptyPrompt.tsx
@@ -40,7 +40,7 @@ const getActions: React.SFC<ManagedIndexEmptyPromptProps> = ({ history, filterIs
   return (
     <ModalConsumer>
       {({ onShow }) => (
-        <EuiSmallButton fill onClick={() => onShow(CreatePolicyModal, { history, onClickContinue: onClickCreate })}>
+        <EuiSmallButton fill onClick={() => onShow(CreatePolicyModal, { history, onClickContinue: onClickCreate })} iconType={"plus"}>
           Create policy
         </EuiSmallButton>
       )}

diff --git a/...es/components/ManagedIndexEmptyPrompt/__snapshots__/ManagedIndexEmptyPrompt.test.tsx.snap b/...es/components/ManagedIndexEmptyPrompt/__snapshots__/ManagedIndexEmptyPrompt.test.tsx.snap
@@ -30,6 +30,7 @@ exports[`<ManagedIndexEmptyPrompt /> spec renders the component 1`] = `
     <span
       class="euiButtonContent euiButton__content"
     >
+      EuiIconMock
       <span
         class="euiButton__text"
       >