Add post widget.

public/pages/pages.json

@@ -33,6 +33,6 @@
   "location": "/posts/:id",
   "title": "Post",
   "widgets": [
-    {"name": "Header", "children": ["Blog Post"], "colSpan": 3, "_id": ""}
+    {"name": "Post", "children": [], "colSpan": 3, "_id": ""}
   ]
 }]

src/Widgets/Post/Post.js

@@ -0,0 +1,22 @@
+import React, {useEffect, useState} from 'react';
+import usePosts from '../../Hooks/usePosts';
+import Readme from "../Readme/Readme";
+
+const Post = ({id, ...props}) => {
+
+  const {loading, getPost} = usePosts();
+
+  if (loading) {
+    return null;
+  }
+
+  const post = getPost(Number(id));
+
+
+  return (
+    <Readme readmeUrl={"/Shimmer/posts/" + post.file} {...props} />
+  )
+
+};
+
+export default Post;

src/Widgets/Post/index.js

@@ -0,0 +1 @@
+export {default} from './Post';

src/Widgets/Widgets.js

@@ -4,6 +4,7 @@ import Text from './Text';
 import PostPreview from './PostPreview';
 import Readme from './Readme';
 import Accordion from './Accordion';
+import Post from './Post';
 import { css } from 'glamor';
 
 const Widgets = ({Cmp, children = null, colPos = 1, colSpan = 1, ...other}) => {
@@ -20,6 +21,7 @@ const Widgets = ({Cmp, children = null, colPos = 1, colSpan = 1, ...other}) => {
     "PostPreview": PostPreview,
     "Readme": Readme,
     "Accordion": Accordion,
+    "Post": Post,
   };
 
   if (!widgetComponents[Cmp]) {