few visual improvements

2025-04-24 01:38:56 -04:00 · 2025-02-19 11:41:16 +01:00 · 2025-02-19 11:41:16 +01:00 · e326af824b
commit e326af824b
parent 8dd6589405
10 changed files with 18 additions and 18 deletions
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/management_bottom_bar/index.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/management_bottom_bar/index.tsx
@ -37,13 +37,11 @@ export function ManagementBottomBar({
      <EuiButtonEmpty
        data-test-subj="streamsAppManagementBottomBarCancelChangesButton"
        color="text"
-        size="s"
-        iconType="cross"
        onClick={handleCancel}
        disabled={disabled}
      >
        {i18n.translate('xpack.streams.streamDetailView.managementTab.bottomBar.cancel', {
-          defaultMessage: 'Cancel changes',
+          defaultMessage: 'Cancel',
        })}
      </EuiButtonEmpty>
      <EuiButton
@ -51,8 +49,6 @@ export function ManagementBottomBar({
        disabled={disabled}
        color="primary"
        fill
-        size="s"
-        iconType="check"
        onClick={onConfirm}
        isLoading={isLoading}
      >
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_enrichment/processor_outcome_preview.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_enrichment/processor_outcome_preview.tsx
@ -15,6 +15,7 @@ import {
  EuiFlexItem,
  EuiSpacer,
  EuiProgress,
+  EuiText,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { TimeRange } from '@kbn/es-query';
@ -230,7 +231,7 @@ const OutcomePreviewTable = ({ documents, columns }: OutcomePreviewTableProps) =
          </h2>
        }
        body={
-          <p>
+          <EuiText size="s">
            {i18n.translate(
              'xpack.streams.streamDetailView.managementTab.enrichment.processor.outcomePreviewTable.noDataBody',
              {
@ -238,7 +239,7 @@ const OutcomePreviewTable = ({ documents, columns }: OutcomePreviewTableProps) =
                  "There are no sample documents to test the processors. Try updating the time range or ingesting more data, it might be possible we could not find any matching documents with the processors' source fields.",
              }
            )}
-          </p>
+          </EuiText>
        }
      />
    );
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_enrichment/processors/grok/grok_patterns_editor.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_enrichment/processors/grok/grok_patterns_editor.tsx
@ -139,7 +139,7 @@ const DraggablePatternInput = ({
                { defaultMessage: 'Drag Handle' }
              )}
            >
-              <EuiIcon type="grab" />
+              <EuiIcon type="grabOmnidirectional" />
            </EuiPanel>
            <EuiFieldText
              data-test-subj="streamsAppDraggablePatternInputFieldText"
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_enrichment/processors/index.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_enrichment/processors/index.tsx
@ -149,6 +149,7 @@ export function AddProcessorPanel({ onAddProcessor, onWatchProcessor }: AddProce
                )}
              </EuiButtonEmpty>
              <EuiButton
+                fill
                data-test-subj="streamsAppAddProcessorPanelAddProcessorButton"
                size="s"
                onClick={methods.handleSubmit(handleSubmit)}
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_lifecycle/metadata.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_lifecycle/metadata.tsx
@ -65,7 +65,6 @@ export function RetentionMetadata({
          <EuiButton
            data-test-subj="streamsAppRetentionMetadataEditDataRetentionButton"
            size="s"
-            fullWidth
            onClick={toggleMenu}
          >
            {i18n.translate('xpack.streams.entityDetailViewWithoutParams.editDataRetention', {
@ -232,7 +231,7 @@ function MetadataRow({
    <EuiFlexGroup alignItems="center" gutterSize="xl" responsive={false}>
      <EuiFlexItem grow={1}>
        <EuiText>
-          <b>{metadata}</b>
+          <h5>{metadata}</h5>
        </EuiText>
      </EuiFlexItem>
      <EuiFlexItem grow={4}>{value}</EuiFlexItem>
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_lifecycle/summary.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_lifecycle/summary.tsx
@ -28,6 +28,8 @@ export function RetentionSummary({ definition }: { definition: IngestStreamGetRe
            defaultMessage: 'Retention summary',
          })}
        </h5>
+      </EuiText>
+      <EuiText size="s" color="subdued">
        <p>{summary}</p>
      </EuiText>
    </EuiPanel>
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_management/classic.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_management/classic.tsx
@ -47,7 +47,7 @@ export function ClassicStreamDetailManagement({
        <StreamDetailEnrichment definition={definition} refreshDefinition={refreshDefinition} />
      ),
      label: i18n.translate('xpack.streams.streamDetailView.enrichmentTab', {
-        defaultMessage: 'Extract field',
+        defaultMessage: 'Processors',
      }),
    };

--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_management/wired.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_management/wired.tsx
@ -40,7 +40,7 @@ export function WiredStreamDetailManagement({
        <StreamDetailRouting definition={definition} refreshDefinition={refreshDefinition} />
      ),
      label: i18n.translate('xpack.streams.streamDetailView.routingTab', {
-        defaultMessage: 'Streams Partitioning',
+        defaultMessage: 'Partitioning',
      }),
    },
    enrich: {
@ -48,7 +48,7 @@ export function WiredStreamDetailManagement({
        <StreamDetailEnrichment definition={definition} refreshDefinition={refreshDefinition} />
      ),
      label: i18n.translate('xpack.streams.streamDetailView.enrichmentTab', {
-        defaultMessage: 'Extract field',
+        defaultMessage: 'Processors',
      }),
    },
    schemaEditor: {
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/control_bar.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/control_bar.tsx
@ -45,7 +45,7 @@ export function ControlBar({
      <EuiFlexGroup justifyContent="flexEnd" alignItems="center">
        <EuiButton disabled data-test-subj="streamsAppStreamDetailRoutingSaveButton">
          {i18n.translate('xpack.streams.streamDetailRouting.save', {
-            defaultMessage: 'Save',
+            defaultMessage: 'Create stream',
          })}
        </EuiButton>
      </EuiFlexGroup>
@ -198,13 +198,14 @@ export function ControlBar({
        })}
      </EuiButtonEmpty>
      <EuiButton
+        fill
        isLoading={routingAppState.saveInProgress}
        onClick={saveOrUpdateChildren}
        data-test-subj="streamsAppStreamDetailRoutingSaveButton"
      >
        {routingAppState.childUnderEdit && routingAppState.childUnderEdit.isNew
          ? i18n.translate('xpack.streams.streamDetailRouting.add', {
-              defaultMessage: 'Save',
+              defaultMessage: 'Create stream',
            })
          : i18n.translate('xpack.streams.streamDetailRouting.change', {
              defaultMessage: 'Change routing',
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/preview_matches.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/preview_matches.tsx
@ -29,7 +29,7 @@ export const PreviewMatches = ({
 }) => {
  if (isLoading) {
    return (
-      <EuiText size="xs" textAlign="center">
+      <EuiText size="xs">
        {`${matchText}: `}
        <EuiLoadingSpinner size="s" />
      </EuiText>
@ -38,7 +38,7 @@ export const PreviewMatches = ({

  if (error) {
    return (
-      <EuiText size="xs" textAlign="center">
+      <EuiText size="xs">
        {`${matchText}: `}
        {errorText}
      </EuiText>
@ -47,7 +47,7 @@ export const PreviewMatches = ({

  if (approximateMatchingPercentage) {
    return (
-      <EuiText size="xs" textAlign="center">
+      <EuiText size="xs">
        {`${matchText}: `}
        {`${approximateMatchingPercentage}%`}
        <InfoTooltip />