diff --git a/README.md b/README.md
index c35bde6..4eed2c6 100644
--- a/README.md
+++ b/README.md
@@ -30,16 +30,6 @@ To use gitmojis from your command line install [gitmoji-cli](https://github.com/
npm i -g gitmoji-cli
```
-## Related tools
-
-- [`gitmoji-changelog`](https://github.com/frinyvonnick/gitmoji-changelog/): A changelog generator for gitmoji.
-- [`gitmemoji`](https://github.com/lalalilo/gitmemoji/): A game to learn gitmojis.
-- [`gitmoji-browser-extension`](https://github.com/johannchopin/gitmoji-browser-extension): The Gitmoji extension to easily search and copy gitmojis 😜
-- [`gitmoji-vscode`](https://github.com/vtrois/gitmoji-vscode): A VSCode extension for your git commit messages 😄
-- [`gitmoji-intellij-plugin`](https://plugins.jetbrains.com/plugin/12383-gitmoji): A Jetbrains suite plugin to easily add gitmoji when committing in the IDE
-- [`gitmoji-sublimetext`](https://packagecontrol.io/packages/Gitmoji): A Sublime Text plugin to add emojis in git commit messages 😄
-- [`gitimoji`](https://github.com/TimoZacherl/gitimoji): A Gitmoji App for macOS
-
## Contributing to gitmoji
Contributing to gitmoji is a piece of :cake:, read the [contributing guidelines](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md). You can discuss emojis using the [issues section](https://github.com/carloscuesta/gitmoji/issues/new). To add a new emoji to the list create an issue and send a pull request, see [how to send a pull request and add a gitmoji](https://github.com/carloscuesta/gitmoji/blob/master/.github/CONTRIBUTING.md#how-to-add-a-gitmoji).
diff --git a/src/__tests__/__snapshots__/pages.spec.js.snap b/src/__tests__/__snapshots__/pages.spec.js.snap
index 571f5d6..59c16b2 100644
--- a/src/__tests__/__snapshots__/pages.spec.js.snap
+++ b/src/__tests__/__snapshots__/pages.spec.js.snap
@@ -2561,3 +2561,114 @@ exports[`Pages Index should render the page 1`] = `
`;
+
+exports[`Pages Related tools should render the page 1`] = `
+
+
+
+
+ Related tools
+
+
+ This is a list of tools which are related with the
+
+ gitmoji
+
+
+ convention.
+
+
+
+
+`;
diff --git a/src/__tests__/pages.spec.js b/src/__tests__/pages.spec.js
index 4783763..ce6c91e 100644
--- a/src/__tests__/pages.spec.js
+++ b/src/__tests__/pages.spec.js
@@ -4,6 +4,7 @@ import App from '../pages/_app'
import Index from '../pages/index'
import About from '../pages/about'
import Contributors from '../pages/contributors'
+import RelatedTools from '../pages/related-tools'
import * as stubs from './stubs'
describe('Pages', () => {
@@ -38,4 +39,11 @@ describe('Pages', () => {
expect(wrapper).toMatchSnapshot()
})
})
+
+ describe('Related tools', () => {
+ it('should render the page', () => {
+ const wrapper = renderer.create()
+ expect(wrapper).toMatchSnapshot()
+ })
+ })
})
diff --git a/src/components/Layout/Hamburger/index.js b/src/components/Layout/Hamburger/index.js
index 194a275..1f6941b 100644
--- a/src/components/Layout/Hamburger/index.js
+++ b/src/components/Layout/Hamburger/index.js
@@ -52,6 +52,9 @@ const Hamburger = (): Element<'div'> => {
+
+
+
= [
+ {
+ name: 'gitmoji-changelog',
+ description: 'A changelog generator for gitmoji.',
+ link: 'https://github.com/frinyvonnick/gitmoji-changelog/',
+ },
+ {
+ name: 'gitmemoji',
+ description: 'A game to learn gitmojis.',
+ link: 'https://github.com/lalalilo/gitmemoji/',
+ },
+ {
+ name: 'gitmoji-browser-extension',
+ description: 'The Gitmoji extension to easily search and copy gitmojis.',
+ link: 'https://github.com/johannchopin/gitmoji-browser-extension',
+ },
+ {
+ name: 'gitmoji-vscode',
+ description: 'A VSCode extension for your git commit messages',
+ link: 'https://github.com/vtrois/gitmoji-vscode',
+ },
+ {
+ name: 'gitmoji-intellij-plugin',
+ description:
+ 'A Jetbrains suite plugin to easily add gitmoji when committing',
+ link:
+ 'https://plugins.jetbrains.com/plugin/12383-gitmoji-plus-commit-button',
+ },
+ {
+ name: 'gitmoji-sublimetext',
+ description: 'A Sublime Text plugin to add emojis in git commit messages.',
+ link: 'https://packagecontrol.io/packages/Gitmoji',
+ },
+ {
+ name: 'gitimoji',
+ description: 'A Gitmoji App for macOS.',
+ link: 'https://github.com/TimoZacherl/gitimoji',
+ },
+]
+
+const RelatedTools = () => (
+ <>
+
+
+
+
+ Related tools
+
+
+ This is a list of tools which are related with the gitmoji{' '}
+ convention.
+
+
+
+ {tools.map((tool) => (
+ -
+
+ {tool.name}
+
+ {`: ${tool.description}`}
+
+ ))}
+
+
+
+ >
+)
+
+export default RelatedTools