fix: stories display story name

ccontrols · Sep 15, 2020 · 43b9174 · 43b9174
1 parent e2fba85
commit 43b9174
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/ui/blocks/src/Stories/Stories.tsx b/ui/blocks/src/Stories/Stories.tsx
@@ -3,6 +3,7 @@ import {
   useStory,
   useCurrentDocument,
   StoryInputProps,
+  useStore,
 } from '@component-controls/store';
 import { StoryBlockContainer } from '../BlockContainer/story';
 import { StoryPlayground, StoryPlaygroundProps } from '../Playground';
@@ -25,6 +26,7 @@ export type StoriesProps = StoriesOwnProps &
 export const Stories: FC<StoriesProps> = ({ id, name, title, ...rest }) => {
   const story = useStory({ id, name });
   const doc = useCurrentDocument();
+  const store = useStore();
   const stories = doc?.stories
     ? doc.stories.filter((id: string) => !story || story.id !== id)
     : [];
@@ -34,9 +36,10 @@ export const Stories: FC<StoriesProps> = ({ id, name, title, ...rest }) => {
   return (
     <StoryBlockContainer title={title} {...rest}>
       {stories.map((id: string) => {
+        const story = store.stories[id];
         return (
           <StoryPlayground
-            title="."
+            title={story.name}
             id={id}
             collapsible={false}
             key={`playground-${id}`}