feat: create story for ComponentCommits

ui/blocks/src/ComponentCommits/ComponentCommits.stories.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Document, Example } from '@component-controls/core';
+import { ComponentCommits } from './ComponentCommits';
+import { makeDecorators } from '../test/MockContext';
+import { store } from '../test/storyStore';
+
+export default {
+  title: 'Blocks/ComponentCommits',
+  component: ComponentCommits,
+  category: ' Component',
+} as Document;
+
+export const overview: Example = () => (
+  <ComponentCommits
+    id="."
+    name="Commits"
+    storeComponent={store.components['Control']}
+  />
+);
+overview.decorators = makeDecorators();

ui/blocks/src/ComponentCommits/ComponentCommits.tsx

@@ -13,22 +13,26 @@ import {
   useConfig,
   useStoryComponent,
 } from '@component-controls/store';
-import { Commit, dateToLocalString } from '@component-controls/core';
+import { Commit, Component, dateToLocalString } from '@component-controls/core';
 import { GithubAvatar } from '@component-controls/components';
 import { useCustomProps } from '../context';
 
-export type ComponentCommitsProps = BlockContainerProps & StoryInputProps;
+export type ComponentCommitsProps = BlockContainerProps &
+  StoryInputProps & { storeComponent?: Component };
 
 /**
  * Displays commit history for a component
  */
 export const ComponentCommits: FC<ComponentCommitsProps> = ({
   id,
   name,
+  storeComponent,
   ...rest
 }) => {
   const props = useCustomProps<ComponentCommitsProps>('commits', rest);
-  const component = useStoryComponent({ id, name });
+  const component = storeComponent
+    ? storeComponent
+    : useStoryComponent({ id, name });
 
   const config = useConfig();
   const { tokens } = config;

ui/blocks/src/test/storyStore.tsx

@@ -325,15 +325,20 @@ and a [link](https://google.com)
           {
             committerName: 'hasparus',
             authorName: 'hasparus',
+            authorDate: '2021-02-23T22:48:26.000Z',
+            subject: 'third commit',
           },
           {
             committerName: 'hasparus',
             authorName: 'lachlanjc',
+            authorDate: '2021-02-22T22:48:26.000Z',
+            subject: '(งツ)ว',
           },
           {
-            committerName: 'lachlanjc',
-
+            committerName: 'atanasster',
             authorName: 'atanasster',
+            authorDate: '2021-02-21T22:48:26.000Z',
+            subject: 'first commit!',
           },
         ],
       },