From 39a5bfb958f74f2a6d891c1946a1ec77decaa747 Mon Sep 17 00:00:00 2001
From: Karan Shah <karan.shah@simplybusiness.co.uk>
Date: Wed, 26 Jan 2022 10:53:42 +0000
Subject: [PATCH] Improved the icons

Signed-off-by: Karan Shah <karan.shah@simplybusiness.co.uk>
---
 .../dev/components/FlexColumn/FlexColumn.tsx  | 34 -----------------
 .../dev/components/FlexColumn/index.ts        | 18 ---------
 plugins/airbrake/dev/index.tsx                | 38 +++++++------------
 3 files changed, 14 insertions(+), 76 deletions(-)
 delete mode 100644 plugins/airbrake/dev/components/FlexColumn/FlexColumn.tsx
 delete mode 100644 plugins/airbrake/dev/components/FlexColumn/index.ts

diff --git a/plugins/airbrake/dev/components/FlexColumn/FlexColumn.tsx b/plugins/airbrake/dev/components/FlexColumn/FlexColumn.tsx
deleted file mode 100644
index aaf64d3513..0000000000
--- a/plugins/airbrake/dev/components/FlexColumn/FlexColumn.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * Copyright 2022 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { PropsWithChildren, ReactNode } from 'react';
-
-export declare type FlexColumnProps = {
-  children?: ReactNode;
-};
-
-export const FlexColumn = (props: PropsWithChildren<FlexColumnProps>) => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '2em',
-      }}
-    >
-      {props.children}
-    </div>
-  );
-};
diff --git a/plugins/airbrake/dev/components/FlexColumn/index.ts b/plugins/airbrake/dev/components/FlexColumn/index.ts
deleted file mode 100644
index 5926c3cb28..0000000000
--- a/plugins/airbrake/dev/components/FlexColumn/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * Copyright 2020 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { FlexColumn } from './FlexColumn';
-export type { FlexColumnProps } from './FlexColumn';
diff --git a/plugins/airbrake/dev/index.tsx b/plugins/airbrake/dev/index.tsx
index ba520892cb..4163590069 100644
--- a/plugins/airbrake/dev/index.tsx
+++ b/plugins/airbrake/dev/index.tsx
@@ -21,9 +21,8 @@ import { ApiBar } from './components/ApiBar';
 import { Content, Header, Page } from '@backstage/core-components';
 import { EntityProvider } from '@backstage/plugin-catalog-react';
 import { createEntity } from '../src/api/mock/mock-entity';
-import AirplanemodeActiveIcon from '@material-ui/icons/AirplanemodeActive';
-import AirplanemodeInactiveIcon from '@material-ui/icons/AirplanemodeInactive';
-import { FlexColumn } from './components/FlexColumn';
+import CloudOffIcon from '@material-ui/icons/CloudOff';
+import CloudIcon from '@material-ui/icons/Cloud';
 
 createDevApp()
   .registerPlugin(airbrakePlugin)
@@ -35,42 +34,33 @@ createDevApp()
   .addPage({
     element: (
       <Page themeId="tool">
-        <Header
-          title="Airbrake demo application"
-          subtitle="This uses a fake API"
-        />
+        <Header title="Airbrake demo application" subtitle="Mock API" />
         <Content>
-          <FlexColumn>
-            <EntityProvider entity={createEntity('demo')}>
-              <EntityAirbrakeContent />
-            </EntityProvider>
-          </FlexColumn>
+          <EntityProvider entity={createEntity('demo')}>
+            <EntityAirbrakeContent />
+          </EntityProvider>
         </Content>
       </Page>
     ),
     title: 'Mock API',
     path: '/airbrake-mock-api',
-    icon: AirplanemodeActiveIcon,
+    icon: CloudOffIcon,
   })
   .addPage({
     element: (
       <Page themeId="tool">
-        <Header
-          title="Airbrake demo application"
-          subtitle="Test the plugin below"
-        />
+        <Header title="Airbrake demo application" subtitle="Real API">
+          <ApiBar />
+        </Header>
         <Content>
-          <FlexColumn>
-            <ApiBar />
-            <EntityProvider entity={createEntity('demo')}>
-              <EntityAirbrakeContent />
-            </EntityProvider>
-          </FlexColumn>
+          <EntityProvider entity={createEntity('demo')}>
+            <EntityAirbrakeContent />
+          </EntityProvider>
         </Content>
       </Page>
     ),
     title: 'Real API',
     path: '/airbrake-real-api',
-    icon: AirplanemodeInactiveIcon,
+    icon: CloudIcon,
   })
   .render();