Organise stories sidebar

Author: microbit-grace

src/stories/MakeCodeBlocksRendering.stories.tsx

@@ -18,6 +18,7 @@ import { MakeCodeRenderBlocksOptions } from '../vanilla/makecode-render-blocks.j
 import { BlockLayout, Project } from '../vanilla/pxt.js';
 
 const meta: Meta<typeof MakeCodeRenderBlocksProvider> = {
+  title: 'stories/React/MakeCodeBlocksRendering',
   component: MakeCodeRenderBlocksProvider,
   argTypes: {
     options: {

src/stories/MakeCodeFrame.stories.tsx

@@ -11,6 +11,7 @@ import { controllerId } from './config.js';
 import StoryWrapper from './StoryWrapper.js';
 
 const meta: Meta<typeof MakeCodeFrame> = {
+  title: 'stories/React/MakeCodeFrame',
   component: MakeCodeFrame,
   argTypes: {
     version: {

src/stories/createMakeCodeRenderBlocks.stories.tsx

@@ -21,7 +21,7 @@ interface StoryArgs {
 }
 
 const meta: Meta<StoryArgs> = {
-  title: 'stories/createMakeCodeRenderBlocks',
+  title: 'stories/VanillaJS/createMakeCodeRenderBlocks',
 };
 
 export default meta;

src/stories/makeCodeFrameDriver.stories.tsx

@@ -19,7 +19,7 @@ interface StoryArgs {
 }
 
 const meta: Meta<StoryArgs> = {
-  title: 'stories/makeCodeFrameDriver',
+  title: 'stories/VanillaJS/makeCodeFrameDriver',
 };
 
 export default meta;