Skip to content

Commit

Permalink
Title changes in Old UI
Browse files Browse the repository at this point in the history 
Signed-off-by: Kshitij Tandon <[email protected]>
  • Loading branch information
@tandonks
tandonks committed Sep 2, 2024
1 parent 2b76ce2 commit 8370bcd
Show file tree
Hide file tree
Showing 35 changed files with 496 additions and 397 deletions.
4 changes: 2 additions & 2 deletions public/components/ContentPanel/ContentPanel.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,12 +71,12 @@ const ContentPanel: React.SFC<ContentPanelProps> = ({
{title ? (
<EuiFlexItem>
{typeof title === "string" ? (
<EuiTitle size={titleSize}>
<EuiText size="s">
<h1>
{title}
<span className="panel-header-count"> {itemCount > 0 ? `(${itemCount})` : null} </span>
</h1>
</EuiTitle>
</EuiText>
) : (
title
)}
Expand Down
22 changes: 12 additions & 10 deletions public/components/ContentPanel/__snapshots__/ContentPanel.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,19 @@ exports[`<ContentPanel /> spec renders the component 1`] = `
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--large"
<div
class="euiText euiText--small"
>
Testing
<span
class="panel-header-count"
>
</span>
</h1>
<h1>
Testing
<span
class="panel-header-count"
>
</span>
</h1>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
Expand Down
6 changes: 3 additions & 3 deletions public/pages/Aliases/containers/Aliases/Aliases.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -526,9 +526,9 @@ class Aliases extends MDSEnabledComponent<AliasesProps, AliasesState> {
bodyStyles={{ padding: "initial" }}
title={
<>
<EuiTitle>
<span>Aliases</span>
</EuiTitle>
<EuiText size="s">
<h1>Aliases</h1>
</EuiText>
<EuiCompressedFormRow
fullWidth
helpText={
Expand Down
10 changes: 6 additions & 4 deletions public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,13 @@ exports[`<Aliases /> spec renders the component 1`] = `
<div
class="euiFlexItem"
>
<span
class="euiTitle euiTitle--medium"
<div
class="euiText euiText--small"
>
Aliases
</span>
<h1>
Aliases
</h1>
</div>
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
id="some_html_id-row"
Expand Down
6 changes: 3 additions & 3 deletions public/pages/ChangePolicy/containers/ChangePolicy/ChangePolicy.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

import React, { Component, useContext } from "react";
import { RouteComponentProps } from "react-router-dom";
import { EuiSpacer, EuiTitle, EuiSmallButton, EuiFlexGroup, EuiFlexItem, EuiSmallButtonEmpty } from "@elastic/eui";
import { EuiSpacer, EuiTitle, EuiSmallButton, EuiFlexGroup, EuiFlexItem, EuiSmallButtonEmpty, EuiText } from "@elastic/eui";
import { IndexService, ManagedIndexService } from "../../../../services";
import ChangeManagedIndices from "../../components/ChangeManagedIndices";
import NewPolicy from "../../components/NewPolicy";
Expand Down Expand Up @@ -208,9 +208,9 @@ export class ChangePolicy extends Component<ChangePolicyProps, ChangePolicyState

return !useUpdatedUX ? (
<div style={{ padding: "0px 25px" }}>
<EuiTitle size="l">
<EuiText size="s">
<h1>Change policy</h1>
</EuiTitle>
</EuiText>

<EuiSpacer />

Expand Down
10 changes: 6 additions & 4 deletions public/pages/ChangePolicy/containers/ChangePolicy/__snapshots__/ChangePolicy.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,13 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
<div
style="padding: 0px 25px;"
>
<h1
class="euiTitle euiTitle--large"
<div
class="euiText euiText--small"
>
Change policy
</h1>
<h1>
Change policy
</h1>
</div>
<div
class="euiSpacer euiSpacer--l"
/>
Expand Down
63 changes: 36 additions & 27 deletions .../containers/CreateComposableTemplate/__snapshots__/CreateComposableTemplate.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,15 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--large"
title="good_template"
<div
class="euiText"
>
good_template
</h1>
<h1
title="good_template"
>
good_template
</h1>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
Expand Down Expand Up @@ -68,17 +71,19 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--small"
<div
class="euiText euiText--small"
>
Define component template
<span
class="panel-header-count"
>
</span>
</h1>
<h1>
Define component template
<span
class="panel-header-count"
>
</span>
</h1>
</div>
</div>
</div>
<hr
Expand Down Expand Up @@ -183,9 +188,11 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
for="some_html_id"
>
<div
class="euiTitle euiTitle--small"
class="euiText euiText--small"
>
Index alias
<div>
Index alias
</div>
</div>
</label>
</div>
Expand Down Expand Up @@ -269,17 +276,19 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--small"
<div
class="euiText euiText--small"
>
Index settings
<span
class="panel-header-count"
>
</span>
</h1>
<h1>
Index settings
<span
class="panel-header-count"
>
</span>
</h1>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
Expand Down
6 changes: 3 additions & 3 deletions public/pages/CreateComposableTemplate/containers/IndexAlias/IndexAlias.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React, { useContext } from "react";
import { EuiSpacer, EuiTitle } from "@elastic/eui";
import { EuiSpacer, EuiText } from "@elastic/eui";
import { ContentPanel } from "../../../../components/ContentPanel";
import AliasSelect from "../../../../components/AliasSelect";
import CustomFormRow from "../../../../components/CustomFormRow";
Expand All @@ -23,9 +23,9 @@ export default function IndexAlias(props: SubDetailProps) {
<CustomFormRow
fullWidth
label={
<EuiTitle size="s">
<EuiText size="s">
<div>Index alias</div>
</EuiTitle>
</EuiText>
}
helpText="Allow the new indexes to be referenced by existing aliases or specify a new alias."
>
Expand Down
14 changes: 12 additions & 2 deletions public/pages/CreateComposableTemplate/containers/TemplateDetail/TemplateDetail.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,17 @@
*/

import React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, Ref, useState } from "react";
import { EuiSmallButton, EuiSmallButtonEmpty, EuiCodeBlock, EuiFlexGroup, EuiFlexItem, EuiLink, EuiSpacer, EuiText, EuiTitle } from "@elastic/eui";
import {
EuiSmallButton,
EuiSmallButtonEmpty,
EuiCodeBlock,
EuiFlexGroup,
EuiFlexItem,
EuiLink,
EuiSpacer,
EuiText,
EuiTitle,
} from "@elastic/eui";
import { RouteComponentProps } from "react-router-dom";
import { IComposableTemplate, IComposableTemplateRemote } from "../../../../../models/interfaces";
import useField from "../../../../lib/field";
Expand Down Expand Up @@ -226,7 +236,7 @@ const TemplateDetail = (props: TemplateDetailProps, ref: Ref<IComponentTemplateD
{useNewUX ? (
<></>
) : (
<EuiTitle size="l">{isEdit ? <h1 title={templateName}>{templateName}</h1> : <h1>Create component template</h1>}</EuiTitle>
<EuiText size="l">{isEdit ? <h1 title={templateName}>{templateName}</h1> : <h1>Create component template</h1>}</EuiText>
)}
{isEdit ? null : useNewUX ? (
<HeaderControl setMountPoint={setAppDescriptionControls} controls={descriptionData} />
Expand Down
60 changes: 34 additions & 26 deletions ...teComposableTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,13 @@ exports[`<TemplateDetail /> spec render component 1`] = `
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--large"
<div
class="euiText"
>
Create component template
</h1>
<h1>
Create component template
</h1>
</div>
<div
class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
id="some_html_id-row"
Expand Down Expand Up @@ -53,17 +55,19 @@ exports[`<TemplateDetail /> spec render component 1`] = `
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--small"
<div
class="euiText euiText--small"
>
Define component template
<span
class="panel-header-count"
>
</span>
</h1>
<h1>
Define component template
<span
class="panel-header-count"
>
</span>
</h1>
</div>
</div>
</div>
<hr
Expand Down Expand Up @@ -218,9 +222,11 @@ exports[`<TemplateDetail /> spec render component 1`] = `
for="some_html_id"
>
<div
class="euiTitle euiTitle--small"
class="euiText euiText--small"
>
Index alias
<div>
Index alias
</div>
</div>
</label>
</div>
Expand Down Expand Up @@ -304,17 +310,19 @@ exports[`<TemplateDetail /> spec render component 1`] = `
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--small"
<div
class="euiText euiText--small"
>
Index settings
<span
class="panel-header-count"
>
</span>
</h1>
<h1>
Index settings
<span
class="panel-header-count"
>
</span>
</h1>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
Expand Down
22 changes: 12 additions & 10 deletions ...CreateDataStream/containers/CreateDataStream/__snapshots__/CreateDataStream.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,17 +100,19 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
<div
class="euiFlexItem"
>
<h1
class="euiTitle euiTitle--small"
<div
class="euiText euiText--small"
>
Define data stream
<span
class="panel-header-count"
>
</span>
</h1>
<h1>
Define data stream
<span
class="panel-header-count"
>
</span>
</h1>
</div>
</div>
</div>
<hr
Expand Down
Loading

0 comments on commit 8370bcd

Please sign in to comment.