IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-08-26 21:37:31 -05:00
Code Issues Packages Projects Releases Wiki Activity

Chore: TimeRegionEditor- Replace HorizontalGroup with Stack (#86395)

Browse Source
This commit is contained in:
Laura Fernández
2024-04-17 11:51:32 +02:00
committed by GitHub
parent 3bb6de57d2
commit ce092450db
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.betterer.results
+2 -3
View File
@@ -5218,9 +5218,8 @@ exports[`better eslint`] = {
[0, 0, 0, "Styles should be written using objects.", "3"]
],
"public/app/plugins/datasource/grafana/components/TimeRegionEditor.tsx:5381": [
[0, 0, 0, "\'HorizontalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"],
[0, 0, 0, "Styles should be written using objects.", "1"],
[0, 0, 0, "Styles should be written using objects.", "2"]
[0, 0, 0, "Styles should be written using objects.", "0"],
[0, 0, 0, "Styles should be written using objects.", "1"]
],
"public/app/plugins/datasource/grafana/datasource.ts:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
public/app/plugins/datasource/grafana/components/TimeRegionEditor.tsx
+5 -5
View File
@@ -3,7 +3,7 @@ import moment, { Moment } from 'moment/moment';
import React, { useState } from 'react';
import { getTimeZoneInfo, GrafanaTheme2, SelectableValue } from '@grafana/data';
import { Button, Field, FieldSet, HorizontalGroup, Select, TimeZonePicker, useStyles2 } from '@grafana/ui';
import { Button, Field, FieldSet, Select, Stack, TimeZonePicker, useStyles2 } from '@grafana/ui';
import { TimeZoneOffset } from '@grafana/ui/src/components/DateTimePickers/TimeZonePicker/TimeZoneOffset';
import { TimeZoneTitle } from '@grafana/ui/src/components/DateTimePickers/TimeZonePicker/TimeZoneTitle';
import { TimeRegionConfig } from 'app/core/utils/timeRegions';
@@ -125,7 +125,7 @@ export const TimeRegionEditor = ({ value, onChange }: Props) => {
return (
<FieldSet className={styles.wrapper}>
<Field label="From">
<HorizontalGroup spacing="xs">
<Stack gap={0.5}>
<Select
options={days}
isClearable
@@ -141,10 +141,10 @@ export const TimeRegionEditor = ({ value, onChange }: Props) => {
placeholder="HH:mm"
width={100}
/>
</HorizontalGroup>
</Stack>
</Field>
<Field label="To">
<HorizontalGroup spacing="xs">
<Stack gap={0.5}>
{(value.fromDayOfWeek || value.toDayOfWeek) && (
<Select
options={days}
@@ -162,7 +162,7 @@ export const TimeRegionEditor = ({ value, onChange }: Props) => {
placeholder="HH:mm"
width={100}
/>
</HorizontalGroup>
</Stack>
</Field>
<Field label="Timezone">{renderTimezone()}</Field>
</FieldSet>