GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 14:01: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 React from 'react';
import ReactDOM from 'react-dom';
import { useChannel } from '@storybook/api';
import { useChannel, useParameter } from '@storybook/api';
import { AddonPanel, Icons } from '@storybook/components';
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 hasException = interactions.some((call) => call.state === CallState.ERROR);
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)}
<Subnav
status={hasException ? CallState.ERROR : CallState.DONE}
storyFileName={fileName}
onPrevious={prev}
onNext={next}
onReplay={stop}

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

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