diff options
| -rw-r--r-- | src/index.tsx | 20 |
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**:', |