paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 13 Packages Projects Releases Wiki Activity

chore: update example component

Browse Source
This commit is contained in:
Marvin9
2020-10-11 20:08:08 +05:30
parent a4aa277e9f
commit fae67f2be1
1 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
+28 -27
View File
@@ -1,6 +1,6 @@
import { BackstageTheme } from '@backstage/theme';
import { pageTheme } from '@backstage/theme';
import React, { FC } from 'react';
import { Typography, Grid, useTheme } from '@material-ui/core';
import { Typography, Grid } from '@material-ui/core';
import {
InfoCard,
Header,
@@ -12,30 +12,31 @@ import {
} from '@backstage/core';
import ExampleFetchComponent from '../ExampleFetchComponent';
const ExampleComponent: FC<{}> = () => (
<Page theme={backstageTheme.getPageTheme({ themeId: 'tool' })}>
<Header title="Welcome to {{ id }}!" subtitle="Optional subtitle">
<HeaderLabel label="Owner" value="Team X" />
<HeaderLabel label="Lifecycle" value="Alpha" />
</Header>
<Content>
<ContentHeader title="Plugin title">
<SupportButton>A description of your plugin goes here.</SupportButton>
</ContentHeader>
<Grid container spacing={3} direction="column">
<Grid item>
<InfoCard title="Information card">
<Typography variant="body1">
All content should be wrapped in a card like this.
</Typography>
</InfoCard>
const ExampleComponent: FC<{}> = () => {
return (
<Page theme={pageTheme.tool}>
<Header title="Welcome to {{ id }}!" subtitle="Optional subtitle">
<HeaderLabel label="Owner" value="Team X" />
<HeaderLabel label="Lifecycle" value="Alpha" />
</Header>
<Content>
<ContentHeader title="Plugin title">
<SupportButton>A description of your plugin goes here.</SupportButton>
</ContentHeader>
<Grid container spacing={3} direction="column">
<Grid item>
<InfoCard title="Information card">
<Typography variant="body1">
All content should be wrapped in a card like this.
</Typography>
</InfoCard>
</Grid>
<Grid item>
<ExampleFetchComponent />
</Grid>
</Grid>
<Grid item>
<ExampleFetchComponent />
</Grid>
</Grid>
</Content>
</Page>
);
</Content>
</Page>
);
}
export default ExampleComponent;