GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 16:01:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update types

Browse Source
This commit is contained in:
Deen Denno 2021-08-29 18:40:03 -05:00 committed by Gert Hengeveld
parent f9a82f4cb6
commit 020c2908b9
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
addons/interactions/src/components/StatusBadge/StatusBadge.stories.tsx
View File

@ -1,5 +1,5 @@
import { StatusBadge } from './StatusBadge';
import { TestingStates } from '../../Panel';
import { CallState } from '../../types';
export default {
title: 'StatusBadge',
@ -8,13 +8,13 @@ export default {
};
export const Pass = {
args: { status: TestingStates.DONE },
args: { status: CallState.DONE },
};
export const Runs = {
args: { status: TestingStates.PENDING },
args: { status: CallState.PENDING },
};
export const Fail = {
args: { status: TestingStates.ERROR },
args: { status: CallState.ERROR },
};

16
addons/interactions/src/components/StatusBadge/StatusBadge.tsx
View File

@ -1,10 +1,10 @@
import React from 'react';
import { styled, typography } from '@storybook/theming';
import { TestState, TestingStates } from '../../Panel';
import { CallState } from '../../types';
import { theme } from '../../theme';
export interface StatusBadgeProps {
status: TestState;
status: `${CallState}`;
}
const {
colors: {
@ -14,9 +14,9 @@ const {
const StyledBadge = styled.div(({ status }: StatusBadgeProps) => {
const backgroundColor = {
[TestingStates.DONE]: green,
[TestingStates.ERROR]: red,
[TestingStates.PENDING]: ochre,
[CallState.DONE]: green,
[CallState.ERROR]: red,
[CallState.PENDING]: ochre,
}[status];
return {
padding: '4px 8px',
@ -35,9 +35,9 @@ const StyledBadge = styled.div(({ status }: StatusBadgeProps) => {
export const StatusBadge: React.FC<StatusBadgeProps> = ({ status }) => {
const badgeText = {
[TestingStates.DONE]: 'Pass',
[TestingStates.ERROR]: 'Fail',
[TestingStates.PENDING]: 'Runs',
[CallState.DONE]: 'Pass',
[CallState.ERROR]: 'Fail',
[CallState.PENDING]: 'Runs',
}[status];
return <StyledBadge status={status}>{badgeText}</StyledBadge>;
};