IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-09-05 04:40:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Table: Fix storybook stories (#66414)

Browse Source
This commit is contained in:
Torkel Ödegaard
2023-04-13 07:56:09 +02:00
committed by GitHub
parent 00cf561f43
commit 7f9ad2cd73
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/Table/Table.story.tsx
+15 -11
View File
@@ -15,6 +15,7 @@ import {
import { Table } from '@grafana/ui';
import { useTheme2 } from '../../themes';
import { DashboardStoryCanvas } from '../../utils/storybook/DashboardStoryCanvas';
import { prepDataForStorybook } from '../../utils/storybook/data';
import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
@@ -189,9 +190,9 @@ export const Basic: ComponentStory<typeof Table> = (args) => {
const data = buildData(theme, {});
return (
<div className="panel-container" style={{ width: 'auto' }}>
<DashboardStoryCanvas>
<Table {...args} data={data} />
</div>
</DashboardStoryCanvas>
);
};
@@ -201,16 +202,19 @@ export const BarGaugeCell: ComponentStory<typeof Table> = (args) => {
Progress: {
custom: {
width: 200,
displayMode: 'gradient-gauge',
cellOptions: {
type: 'gauge',
mode: 'gradient',
},
},
thresholds: defaultThresholds,
},
});
return (
<div className="panel-container" style={{ width: 'auto' }}>
<DashboardStoryCanvas>
<Table {...args} data={data} />
</div>
</DashboardStoryCanvas>
);
};
@@ -227,9 +231,9 @@ export const ColoredCells: ComponentStory<typeof Table> = (args) => {
});
return (
<div className="panel-container" style={{ width: 'auto' }}>
<DashboardStoryCanvas>
<Table {...args} data={data} />
</div>
</DashboardStoryCanvas>
);
};
@@ -239,9 +243,9 @@ export const Footer: ComponentStory<typeof Table> = (args) => {
const footer = buildFooterData(data);
return (
<div className="panel-container" style={{ width: 'auto', height: 'unset' }}>
<DashboardStoryCanvas>
<Table {...args} data={data} footerValues={footer} />
</div>
</DashboardStoryCanvas>
);
};
@@ -263,9 +267,9 @@ export const SubTables: ComponentStory<typeof Table> = (args) => {
});
return (
<div className="panel-container" style={{ width: 'auto', height: 'unset' }}>
<DashboardStoryCanvas>
<Table {...args} data={data} subData={subData} />
</div>
</DashboardStoryCanvas>
);
};