feat: add emojis and spacevim tab to index

1 files changed, 11 insertions, 9 deletions

diff --git a/src/index.tsx b/src/index.tsx
index 704805c..0128140 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -30,15 +30,17 @@ const Icon = <img src={icon} width="32px" height="37px" alt="logo"/>
 const headerContents = {
   home: null,
   space: null,
+  'spacevim': null,
   'emoji': null,
   'material-ui': null,
 };
 
 const pageMap: Record<string, string> = {
-  home: "https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md",
-  space: "https://raw.githubusercontent.com/eug-vs/space/master/docs/environment.md",
-  emoji: "https://raw.githubusercontent.com/muan/emoji/gh-pages/README.md",
-  'material-ui': "https://raw.githubusercontent.com/mui-org/material-ui/master/README.md",
+  home: 'https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md',
+  space: 'https://raw.githubusercontent.com/eug-vs/space/master/docs/environment.md',
+  'spacevim': 'https://raw.githubusercontent.com/spacevim/spacevim/master/README.md',
+  emoji: 'https://raw.githubusercontent.com/muan/emoji/gh-pages/README.md',
+  'material-ui': 'https://raw.githubusercontent.com/mui-org/material-ui/master/README.md',
 };
 
 
@@ -47,16 +49,16 @@ const App: React.FC = () => {
   const [page, setPage] = useState('home');
 
   const url = pageMap[page];
-  const filename = url.slice(url.lastIndexOf('/') + 1);
+  const fileName = url.slice(url.lastIndexOf('/') + 1);
   const metadata = [
-    `## Markdown\n [Markdown file](${url}) that you can see on the left was parsed and processed by **BENZIN**!`,
-    'Switch between tabs on the header to explore other markdown templates.',
+    `## Markdown\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and processed 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 internet, though this pane is generated from plaintext.',
+    'Templates on the left are being loaded from the internet, though this pane is generated from plaintext. :pen:',
     '## How do I use this feature?',
     '```',
     'import Markdown from \'react-benzin\';',
-    'const data = \'# Header\\nHello, *world!* \';',
+    'const data = \'# Header\\nHello, *world!*\';',
     'ReactDOM.render(<Markdown data={data}/>, document.getElementById(\'root\'));',
     '```',
     'Yep! **Or even simpler**:',