From 6f72adb559e3a18ae19bee6558c9270a4f5c1af3 Mon Sep 17 00:00:00 2001
From: Sylvain Tremblay <stremblay@nationtech.io>
Date: Mon, 27 May 2024 13:49:47 -0400
Subject: [PATCH] feat(DevSpacesPlugin): Adjusted plugin style a little

---
 .../app/src/components/catalog/EntityPage.tsx |  2 +-
 .../DevspacesComponent/DevspacesComponent.tsx | 27 ++++++++++---------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/sreez-showcase/packages/app/src/components/catalog/EntityPage.tsx b/sreez-showcase/packages/app/src/components/catalog/EntityPage.tsx
index 5bcea0f..990487b 100644
--- a/sreez-showcase/packages/app/src/components/catalog/EntityPage.tsx
+++ b/sreez-showcase/packages/app/src/components/catalog/EntityPage.tsx
@@ -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>
diff --git a/sreez-showcase/plugins/devspaces-plugin/src/components/DevspacesComponent/DevspacesComponent.tsx b/sreez-showcase/plugins/devspaces-plugin/src/components/DevspacesComponent/DevspacesComponent.tsx
index 2d21c20..136877b 100644
--- a/sreez-showcase/plugins/devspaces-plugin/src/components/DevspacesComponent/DevspacesComponent.tsx
+++ b/sreez-showcase/plugins/devspaces-plugin/src/components/DevspacesComponent/DevspacesComponent.tsx
@@ -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>
   );
 };