From 2773050795450577bdb34d9cd38986c6adcc066e Mon Sep 17 00:00:00 2001
From: Elliot Greenwood <hello@elliotgreenwood.co.uk>
Date: Sat, 13 Feb 2021 22:59:37 +0000
Subject: [PATCH] Add GroupProfileCard story

Signed-off-by: Elliot Greenwood <hello@elliotgreenwood.co.uk>
---
 .../GroupProfile/GroupProfileCard.stories.tsx | 64 +++++++++++++++++++
 .../Group/GroupProfile/GroupProfileCard.tsx   |  2 +-
 2 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.stories.tsx

diff --git a/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.stories.tsx b/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.stories.tsx
new file mode 100644
index 0000000000..ee9c7cb6d2
--- /dev/null
+++ b/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.stories.tsx
@@ -0,0 +1,64 @@
+/*
+ * Copyright 2021 Spotify AB
+ *
+ * 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 { Grid } from '@material-ui/core';
+import React from 'react';
+import { MemoryRouter } from 'react-router';
+import { GroupEntity } from '@backstage/catalog-model';
+import { EntityContext } from '@backstage/plugin-catalog-react';
+import { GroupProfileCard } from '.';
+
+export default {
+  title: 'Plugins/Org/Group Profile Card',
+  component: GroupProfileCard,
+};
+
+const dummyDepartment = {
+  type: 'childOf',
+  target: {
+    namespace: 'default',
+    kind: 'group',
+    name: 'department-a',
+  },
+};
+
+const defaultEntity: UserEntity = {
+  kind: 'Group',
+  metadata: {
+    name: 'team-a',
+    description: 'Team A',
+  },
+  spec: {
+    profile: {
+      displayName: 'Team A',
+      email: 'team-a@example.com',
+      picture:
+        'https://avatars.dicebear.com/api/identicon/team-a@example.com.svg?background=%23fff&margin=25',
+    },
+  },
+  relations: [dummyDepartment],
+};
+
+export const Default = () => (
+  <MemoryRouter>
+    <EntityContext.Provider value={{ entity: defaultEntity, loading: false }}>
+      <Grid container spacing={4}>
+        <Grid item xs={12} md={3}>
+          <GroupProfileCard />
+        </Grid>
+      </Grid>
+    </EntityContext.Provider>
+  </MemoryRouter>
+);
diff --git a/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx b/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx
index 9a72606c16..1682192880 100644
--- a/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx
+++ b/plugins/org/src/components/Cards/Group/GroupProfile/GroupProfileCard.tsx
@@ -117,7 +117,7 @@ export const GroupProfileCard = ({
               <ListItem>
                 <ListItemIcon>
                   <Tooltip title="Email">
-                    <EmailIcon fontSize="inherit" />
+                    <EmailIcon />
                   </Tooltip>
                 </ListItemIcon>
                 <ListItemText>{profile.email}</ListItemText>