Add GroupProfileCard story

Signed-off-by: Elliot Greenwood <hello@elliotgreenwood.co.uk>
2021-02-13 22:59:37 +00:00
parent 4a6689fece
commit 2773050795
2 changed files with 65 additions and 1 deletions
@@ -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>
+);
@@ -117,7 +117,7 @@ export const GroupProfileCard = ({
              <ListItem>
                <ListItemIcon>
                  <Tooltip title="Email">
-                    <EmailIcon fontSize="inherit" />
+                    <EmailIcon />
                  </Tooltip>
                </ListItemIcon>
                <ListItemText>{profile.email}</ListItemText>