more UI tweaks

sreez-showcase/.gitignore

@@ -1,6 +1,6 @@
 # macOS
 .DS_Store
-
+kube-config.yaml
 # Logs
 logs
 *.log

sreez-showcase/packages/app/package.json

@@ -41,22 +41,23 @@
     "@backstage/plugin-user-settings": "^0.8.5",
     "@backstage/theme": "^0.5.3",
     "@bestsellerit/backstage-plugin-harbor": "^0.3.1",
+    "@mui/material": "next",
     "@internal/backstage-plugin-devspaces-plugin": "^0.1.0",
-    "@material-ui/core": "^4.12.2",
-    "@material-ui/icons": "^4.9.1",
-    "@roadiehq/backstage-plugin-argo-cd": "^2.6.4",
+    "@janus-idp/plugin-notifications": "^1.3.1",
+    "@material-ui/icons": "^4.11.3",
+    "@roadiehq/backstage-plugin-argo-cd": "^2.6.5",
     "@roadiehq/backstage-plugin-github-insights": "^2.3.29",
-    "@roadiehq/backstage-plugin-github-pull-requests": "^2.5.25",
+    "@roadiehq/backstage-plugin-github-pull-requests": "^2.5.26",
     "@roadiehq/backstage-plugin-iframe": "^1.3.17",
     "@rsc-labs/backstage-changelog-plugin": "^0.5.0",
-    "@veecode-platform/backstage-plugin-github-workflows": "^0.2.70",
+    "@veecode-platform/backstage-plugin-github-workflows": "^0.4.9",
     "add": "^2.0.6",
-    "history": "^5.0.0",
-    "react": "^18.0.2",
-    "react-dom": "^18.0.2",
-    "react-router": "^6.3.0",
-    "react-router-dom": "^6.3.0",
-    "react-use": "^17.2.4",
+    "history": "^5.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router": "^6.23.1",
+    "react-router-dom": "^6.23.1",
+    "react-use": "^17.5.0",
     "yarn": "^1.22.22"
   },
   "devDependencies": {

sreez-showcase/packages/app/src/App.tsx

@@ -26,6 +26,7 @@ import {githubAuthApiRef} from '@backstage/core-plugin-api';
 import {UnifiedThemeProvider} from '@backstage/theme';
 import {SreezCustomTheme} from './theme/custom';
 import LightIcon from '@material-ui/icons/WbSunny';
+import {TechRadarPage} from "@backstage-community/plugin-tech-radar";
 import {DevToolsPage} from '@backstage/plugin-devtools';
 
 const app = createApp({
@@ -72,50 +73,6 @@ const app = createApp({
             />
         ),
     },
-    themes: [{
-        id: 'my-theme',
-        title: 'My Custom Theme',
-        variant: 'dark',
-        icon: <LightIcon/>,
-        Provider: ({children}) => (
-            <UnifiedThemeProvider theme={SreezCustomTheme} children={children}/>
-        )
-    }],
-    apis,
-    bindRoutes({bind}) {
-        bind(catalogPlugin.externalRoutes, {
-            createComponent: scaffolderPlugin.routes.root,
-            viewTechDoc: techdocsPlugin.routes.docRoot,
-            createFromTemplate: scaffolderPlugin.routes.selectedTemplate,
-        });
-        bind(apiDocsPlugin.externalRoutes, {
-            registerApi: catalogImportPlugin.routes.importPage,
-        });
-        bind(scaffolderPlugin.externalRoutes, {
-            registerComponent: catalogImportPlugin.routes.importPage,
-            viewTechDoc: techdocsPlugin.routes.docRoot,
-        });
-        bind(orgPlugin.externalRoutes, {
-            catalogIndex: catalogPlugin.routes.catalogIndex,
-        });
-    },
-    components: {
-        SignInPage: props => (
-            <SignInPage
-                {...props}
-                auto
-                providers={[
-                    'guest',
-                    {
-                        id: 'github-auth-provider',
-                        title: 'GitHub',
-                        message: 'Sign in using GitHub',
-                        apiRef: githubAuthApiRef,
-                    }]}
-            />
-        ),
-
-    },
 });
 
 const routes = (

sreez-showcase/packages/app/src/components/catalog/tabs/OverviewContent.tsx

@@ -1,5 +1,5 @@
 import {Grid} from "@material-ui/core";
-import {EntityAboutCard} from "@backstage/plugin-catalog";
+import {EntityAboutCard, EntityLinksCard} from "@backstage/plugin-catalog";
 import React from "react";
 import {entityWarningContent} from "./EntityWarningContent";
 import {GithubWorkflowsCard} from "@veecode-platform/backstage-plugin-github-workflows";
@@ -17,7 +17,8 @@ export const overviewContent = (
             <DevspacesPluginPage/>
         </Grid>
         <Grid item xs={3}>
-            <EntityAboutCard variant={'fullHeight'}/>
+            <EntityAboutCard variant={'flex'}/>
+            <EntityLinksCard variant="flex"/>
         </Grid>
         <Grid item xs={9}>
             <Grid container>
@@ -65,8 +66,6 @@ export const overviewContent = (
         {/*<Grid item md={4} xs={12}>*/}
         {/*    <EntityCatalogGraphCard variant="gridItem" height={400}/>*/}
         {/*</Grid>*/}
-        {/*<Grid item md={4} xs={12}>*/}
-        {/*    <EntityLinksCard/>*/}
-        {/*</Grid>*/}
+
     </Grid>
 );