fix: autoselect doc page first story if none

ccontrols · Jun 6, 2020 · 33f5585 · 33f5585
1 parent acadb8f
commit 33f5585
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/ui/app-components/src/Sidebar/Sidebar.tsx b/ui/app-components/src/Sidebar/Sidebar.tsx
@@ -71,7 +71,7 @@ export const Sidebar: FC<SidebarProps & BoxProps> = ({
         bottom: 0,
       };
   return collapsed ? null : (
-    <Box tabIndex={0} sx={style} {...rest}>
+    <Box sx={style} {...rest}>
       <div
         sx={{
           position: !responsive ? 'fixed' : undefined,

diff --git a/ui/blocks/src/context/block/BlockContext.tsx b/ui/blocks/src/context/block/BlockContext.tsx
@@ -52,27 +52,33 @@ export const BlockContext = React.createContext<BlockContextProps>({});
 
 export const BlockContextProvider: React.FC<BlockContextInputProps> = ({
   children,
-  storyId,
-  docId,
+  storyId: propsStoryId,
+  docId: propsDocId,
   store,
   options,
 }) => {
-  const pageId = storyId || docId ? docId : store.firstDoc;
+  let storyId = propsStoryId;
+  const docId = storyId || propsDocId ? propsDocId : store.firstDoc;
+  if (!storyId && docId) {
+    const doc = store.getStoryDoc(docId);
+    storyId = doc && doc.stories.length ? doc.stories[0] : undefined;
+  }
+
   return (
     <ErrorBoundary>
       <RecoilRoot>
         <BlockContext.Provider
           value={{
             storyId,
-            docId: pageId,
+            docId,
             storeProvider: store,
             options,
           }}
         >
           <BlockDataContextProvider
             store={store}
             storyId={storyId}
-            docId={pageId}
+            docId={docId}
           >
             <BlockControlsContextProvider store={store}>
               {children}