|
@@ -3,17 +3,17 @@ import styled from '@emotion/styled';
|
|
|
|
|
|
import {Tooltip} from 'sentry/components/tooltip';
|
|
|
|
|
|
-export type StatusIndicatorProps = {
|
|
|
+export interface StatusIndicatorProps {
|
|
|
status: 'muted' | 'info' | 'warning' | 'success' | 'resolved' | 'error';
|
|
|
tooltipTitle: React.ReactNode;
|
|
|
-};
|
|
|
+}
|
|
|
|
|
|
/**
|
|
|
* A badge/indicator at the beginning of the row that displays
|
|
|
* the color of the status level (Warning, Error, Success, etc)
|
|
|
*
|
|
|
*/
|
|
|
-function StatusIndicator({status, tooltipTitle}: StatusIndicatorProps) {
|
|
|
+export function StatusIndicator({status, tooltipTitle}: StatusIndicatorProps) {
|
|
|
let color: keyof Theme['alert'] = 'error';
|
|
|
|
|
|
if (status === 'muted') {
|
|
@@ -33,8 +33,6 @@ function StatusIndicator({status, tooltipTitle}: StatusIndicatorProps) {
|
|
|
);
|
|
|
}
|
|
|
|
|
|
-export default StatusIndicator;
|
|
|
-
|
|
|
const StatusLevel = styled('div')<{color: keyof Theme['alert']}>`
|
|
|
position: absolute;
|
|
|
left: -1px;
|