Merge pull request #16 from eug-vs/develop

Release v4.0.0

1 files changed, 14 insertions, 7 deletions

diff --git a/src/index.tsx b/src/index.tsx
index c5e1989..5ba33a0 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,16 +1,19 @@
 import React, { useState, useRef } from 'react';
 import ReactDOM from 'react-dom';
-
-import { makeStyles, TextField, Button } from '@material-ui/core';
-
+import {
+  makeStyles,
+  TextField,
+  Button,
+  Link,
+} from '@material-ui/core';
 import {
   Benzin,
-  Header,
-  Window,
   Markdown,
   ContentSection,
 } from './lib';
 
+import Header from './demo/Header/Header';
+import Window from './demo/Window/Window';
 import icon from './assets/icon.svg';
 
 interface RenderPropTypes {
@@ -18,7 +21,6 @@ interface RenderPropTypes {
   style: React.CSSProperties;
 }
 
-
 const useStyles = makeStyles(theme => ({
   window: {
     padding: theme.spacing(4),
@@ -97,6 +99,12 @@ const LivePreviewPage: React.FC<LivePropTypes> = ({ setLivePreviewData }) => {
       <ContentSection sectionName="Markdown live preview" level={2}>
         <p>
           Start typing and see your text rendered on the left window!
+          You can find the list of all Markdown features
+          {' '}
+          <Link href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet">
+            here
+          </Link>
+          . (some of them are yet in progress).
           We recommend starting with # Header.
         </p>
         <p>
@@ -131,7 +139,6 @@ const App: React.FC = () => {
     /* eslint-disable max-len */
     `## Markdown\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and rendered by **BENZIN**! :rocket:`,
     'Switch between tabs on the header to explore other markdown templates. :recycle: ',
-    'Currently **only core features** of markdown function.',
     'Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen:',
     '## How do I use this feature?',
     '```',