feat(DevSpacesPlugin): Adjusted plugin style a little

This commit is contained in:
Sylvain Tremblay 2024-05-27 13:49:47 -04:00
parent bf2b5ef867
commit 6f72adb559
2 changed files with 16 additions and 13 deletions

View File

@ -162,7 +162,7 @@ const overviewContent = (
<Grid item md={6} xs={12}>
<EntityAboutCard variant="gridItem" />
</Grid>
<Grid>
<Grid item md={6} xs={12}>
<DevspacesPluginPage />
</Grid>
<EntitySwitch>

View File

@ -1,6 +1,6 @@
import React from 'react';
import { useEntity } from '@backstage/plugin-catalog-react'
import { Typography, Grid, Box } from '@material-ui/core';
import { Typography, Grid, Divider, Paper, Card, CardHeader, CardContent } from '@material-ui/core';
import {
InfoCard,
Header,
@ -22,16 +22,19 @@ export const DevspacesComponent = () => {
const devspacesLink = `https://${devspacesApp}.apps.${clusterUrl}/#https://github.com/${annotations?.['github.com/project-slug']}`;
return (
<Page themeId="">
<InfoCard>
{/* <Header title="Web IDE" /> */}
{/* <Content> */}
<h1>Open Shift Dev Spaces</h1>
<Link to={devspacesLink}>
Open project in VSCode Web IDE
</Link>
{/* </Content> */}
</InfoCard>
</Page>
<Paper>
<Grid>
<Card>
<CardHeader title="OpenShift DevSpaces">
</CardHeader>
<Divider />
<CardContent>
<Link to={devspacesLink}>
Open project in VSCode Web IDE
</Link>
</CardContent>
</Card>
</Grid>
</Paper>
);
};