feat(splunk-on-call-plugin): add Escalation

2021-02-04 23:43:27 +01:00
parent 71c4582783
commit 76aa8e56c7
4 changed files with 220 additions and 0 deletions
@@ -0,0 +1,75 @@
+/*
+ * Copyright 2020 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 React from 'react';
+import { List, ListSubheader } from '@material-ui/core';
+import { EscalationUsersEmptyState } from './EscalationUsersEmptyState';
+import { EscalationUser } from './EscalationUser';
+import { useAsync } from 'react-use';
+import { splunkOnCallApiRef } from '../../api';
+import { useApi, Progress } from '@backstage/core';
+import { Alert } from '@material-ui/lab';
+import { User } from '../types';
+
+type Props = {
+  users: { [key: string]: User };
+};
+
+export const EscalationPolicy = ({ users }: Props) => {
+  const api = useApi(splunkOnCallApiRef);
+
+  const { value: userNames, loading, error } = useAsync(async () => {
+    const oncalls = await api.getOnCallUsers();
+    const users = oncalls.flatMap(oncall => {
+      return oncall.oncallNow?.flatMap(oncallNow => {
+        return oncallNow.users?.flatMap(user => {
+          return user?.onCalluser?.username;
+        });
+      });
+    });
+
+    return users;
+  });
+
+  if (error) {
+    return (
+      <Alert severity="error">
+        Error encountered while fetching information. {error.message}
+      </Alert>
+    );
+  }
+
+  if (loading) {
+    return <Progress />;
+  }
+
+  if (!userNames?.length) {
+    return <EscalationUsersEmptyState />;
+  }
+
+  return (
+    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>
+      {userNames &&
+        userNames.map(
+          (userName, index) =>
+            userName &&
+            userName in users && (
+              <EscalationUser key={index} user={users[userName]} />
+            ),
+        )}
+    </List>
+  );
+};
@@ -0,0 +1,80 @@
+/*
+ * Copyright 2020 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 React from 'react';
+import {
+  ListItem,
+  ListItemIcon,
+  ListItemSecondaryAction,
+  Tooltip,
+  ListItemText,
+  makeStyles,
+  IconButton,
+  Typography,
+} from '@material-ui/core';
+import Avatar from '@material-ui/core/Avatar';
+import EmailIcon from '@material-ui/icons/Email';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+import { User } from '../types';
+
+const useStyles = makeStyles({
+  listItemPrimary: {
+    fontWeight: 'bold',
+  },
+});
+
+type Props = {
+  user: User;
+};
+
+export const EscalationUser = ({ user }: Props) => {
+  const classes = useStyles();
+
+  return (
+    <ListItem>
+      <ListItemIcon>
+        <Avatar alt="User" />
+      </ListItemIcon>
+      <ListItemText
+        primary={
+          <Typography className={classes.listItemPrimary}>
+            {user.firstName} {user.lastName}
+          </Typography>
+        }
+        secondary={user.email}
+      />
+      <ListItemSecondaryAction>
+        <Tooltip title="Send e-mail to user" placement="top">
+          <IconButton href={`mailto:${user.email}`}>
+            <EmailIcon color="primary" />
+          </IconButton>
+        </Tooltip>
+        {/* {user._selfUrl && (
+          <Tooltip title="View in SplunkOnCall" placement="top">
+            <IconButton
+              href={`https://api.victorops.com${user._selfUrl.replace('/api-public', '')}`}
+              target="_blank"
+              rel="noopener noreferrer"
+              color="primary"
+            >
+              <OpenInBrowserIcon />
+            </IconButton>
+          </Tooltip>
+        )} */}
+      </ListItemSecondaryAction>
+    </ListItem>
+  );
+};
@@ -0,0 +1,48 @@
+/*
+ * Copyright 2020 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 React from 'react';
+import {
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  makeStyles,
+} from '@material-ui/core';
+import { StatusWarning } from '@backstage/core';
+
+const useStyles = makeStyles({
+  denseListIcon: {
+    marginRight: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export const EscalationUsersEmptyState = () => {
+  const classes = useStyles();
+  return (
+    <ListItem>
+      <ListItemIcon>
+        <div className={classes.denseListIcon}>
+          <StatusWarning />
+        </div>
+      </ListItemIcon>
+      <ListItemText primary="Empty escalation policy" />
+    </ListItem>
+  );
+};
@@ -0,0 +1,17 @@
+/*
+ * Copyright 2020 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.
+ */
+
+export { EscalationPolicy } from './EscalationPolicy';