Extract BuildStatus to a type

Signed-off-by: Niklas Granander <ngranander@spotify.com>

plugins/xcmetrics/src/api/types.ts

@@ -16,6 +16,8 @@
 
 import { createApiRef } from '@backstage/core-plugin-api';
 
+export type BuildStatus = 'succeeded' | 'failed' | 'stopped';
+
 export type BuildItem = {
   userid: string;
   warningCount: number;
@@ -32,7 +34,7 @@ export type BuildItem = {
   compilationEndTimestampMicroseconds: number;
   errorCount: number;
   id: string;
-  buildStatus: 'succeeded' | 'failed' | 'stopped';
+  buildStatus: BuildStatus;
   compilationDuration: number;
   schema: string;
   compiledCount: number;

plugins/xcmetrics/src/components/OverviewComponent/OverviewComponent.tsx

@@ -26,16 +26,13 @@ import {
   EmptyState,
 } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
-import { BuildItem, xcmetricsApiRef } from '../../api';
+import { BuildItem, BuildStatus, xcmetricsApiRef } from '../../api';
 import { useAsync } from 'react-use';
 import { Alert } from '@material-ui/lab';
 import { Duration } from 'luxon';
 import { Chip } from '@material-ui/core';
 
-const formatStatus = (
-  status: 'succeeded' | 'failed' | 'stopped',
-  warningCount: number,
-) => {
+const formatStatus = (status: BuildStatus, warningCount: number) => {
   const statusIcons = {
     succeeded: <StatusOK />,
     failed: <StatusError />,