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

Add storyFileName

Browse Source
This commit is contained in:
Gert Hengeveld 2021-09-08 13:33:27 +02:00
parent 06bdc0a6e4
commit bc6e68c6df
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
addons/interactions/src/Panel.tsx
View File

@ -1,7 +1,7 @@
import global from 'global'; import global from 'global';
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import { useChannel } from '@storybook/api'; import { useChannel, useParameter } from '@storybook/api';
import { AddonPanel, Icons } from '@storybook/components'; import { AddonPanel, Icons } from '@storybook/components';
import { styled } from '@storybook/theming'; import { styled } from '@storybook/theming';
@ -193,6 +193,8 @@ export const Panel: React.FC<PanelProps> = (props) => {
}, },
}); });
const [fileName] = useParameter('fileName', '').split('/').slice(-1);
const { log, interactions, callsById, isDebugging } = state; const { log, interactions, callsById, isDebugging } = state;
const hasException = interactions.some((call) => call.state === CallState.ERROR); const hasException = interactions.some((call) => call.state === CallState.ERROR);
const hasPrevious = interactions.some((call) => call.state !== CallState.PENDING); const hasPrevious = interactions.some((call) => call.state !== CallState.PENDING);
@ -244,6 +246,7 @@ export const Panel: React.FC<PanelProps> = (props) => {
{tabButton && showStatus && ReactDOM.createPortal(statusIcon, tabButton)} {tabButton && showStatus && ReactDOM.createPortal(statusIcon, tabButton)}
<Subnav <Subnav
status={hasException ? CallState.ERROR : CallState.DONE} status={hasException ? CallState.ERROR : CallState.DONE}
storyFileName={fileName}
onPrevious={prev} onPrevious={prev}
onNext={next} onNext={next}
onReplay={stop} onReplay={stop}

1
addons/interactions/src/components/Subnav/Subnav.tsx
View File

@ -67,6 +67,7 @@ const StyledLocation = styled(P)(({ theme }) => ({
justifyContent: 'flex-end', justifyContent: 'flex-end',
textAlign: 'right', textAlign: 'right',
paddingRight: 15, paddingRight: 15,
fontSize: 13,
})); }));
const Group = styled.div({ const Group = styled.div({