Grafana UI: Menu.story.tsx - Replace VerticalGroup with Stack (#86529)

This commit is contained in:
Laura Fernández
2024-04-18 17:35:36 +02:00
committed by GitHub
parent fe24404432
commit bfb79d20ff
2 changed files with 3 additions and 6 deletions

View File

@ -832,9 +832,6 @@ exports[`better eslint`] = {
"packages/grafana-ui/src/components/MatchersUI/fieldMatchersUI.ts:5381": [ "packages/grafana-ui/src/components/MatchersUI/fieldMatchersUI.ts:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"] [0, 0, 0, "Unexpected any. Specify a different type.", "0"]
], ],
"packages/grafana-ui/src/components/Menu/Menu.story.tsx:5381": [
[0, 0, 0, "\'VerticalGroup\' import from \'../Layout/Layout\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],
"packages/grafana-ui/src/components/Modal/ModalsContext.tsx:5381": [ "packages/grafana-ui/src/components/Modal/ModalsContext.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"], [0, 0, 0, "Unexpected any. Specify a different type.", "0"],
[0, 0, 0, "Unexpected any. Specify a different type.", "1"], [0, 0, 0, "Unexpected any. Specify a different type.", "1"],

View File

@ -3,7 +3,7 @@ import React from 'react';
import { GraphContextMenuHeader } from '..'; import { GraphContextMenuHeader } from '..';
import { StoryExample } from '../../utils/storybook/StoryExample'; import { StoryExample } from '../../utils/storybook/StoryExample';
import { VerticalGroup } from '../Layout/Layout'; import { Stack } from '../Layout/Stack/Stack';
import { Menu } from './Menu'; import { Menu } from './Menu';
import mdx from './Menu.mdx'; import mdx from './Menu.mdx';
@ -30,7 +30,7 @@ const meta: Meta<typeof Menu> = {
export function Examples() { export function Examples() {
return ( return (
<VerticalGroup> <Stack direction="column">
<StoryExample name="Plain"> <StoryExample name="Plain">
<Menu> <Menu>
<Menu.Item label="Google" /> <Menu.Item label="Google" />
@ -167,7 +167,7 @@ export function Examples() {
/> />
</Menu> </Menu>
</StoryExample> </StoryExample>
</VerticalGroup> </Stack>
); );
} }