[FIX] HashTag markdown not working on stories (#4357)

* [FIX] Storybook Markdown Hashtag

* Fix storyshot

storybook/StoryNavigator.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+
+import { themes } from '../app/lib/constants';
+
+/**
+ * https://davidl.fr/blog/react-navigation-object-storybook
+ * Helper component tor create a Dummy Stack to access {navigation} object on *.story.tsx files
+ *
+ * @usage add this decorator
+ * ```
+ * .addDecorator(NavigationDecorator)
+ * ```
+ */
+
+const StoryBookStack = createStackNavigator();
+
+export const NavigationDecorator = (story: any) => {
+	const Screen = () => story();
+	return (
+		<NavigationContainer independent={true}>
+			<StoryBookStack.Navigator>
+				<StoryBookStack.Screen
+					name='StorybookNavigator'
+					component={Screen}
+					options={{ header: () => null, cardStyle: { backgroundColor: themes.light.backgroundColor } }}
+				/>
+			</StoryBookStack.Navigator>
+		</NavigationContainer>
+	);
+};

storybook/stories/Markdown.tsx

@@ -7,6 +7,7 @@ import Markdown, { MarkdownPreview } from '../../app/containers/markdown';
 import { themes } from '../../app/lib/constants';
 import { TGetCustomEmoji, IEmoji } from '../../app/definitions/IEmoji';
 import { store } from '.';
+import { NavigationDecorator } from '../StoryNavigator';
 
 const theme = 'light';
 
@@ -44,7 +45,9 @@ const getCustomEmoji: TGetCustomEmoji = content => {
 	return customEmoji;
 };
 
-const stories = storiesOf('Markdown', module).addDecorator(story => <Provider store={store}>{story()}</Provider>);
+const stories = storiesOf('Markdown', module)
+	.addDecorator(story => <Provider store={store}>{story()}</Provider>)
+	.addDecorator(NavigationDecorator);
 
 stories.add('Text', () => (
 	<View style={styles.container}>

storybook/stories/NewMarkdown.js

@@ -7,9 +7,12 @@ import { Provider } from 'react-redux';
 import NewMarkdown from '../../app/containers/markdown/new';
 import { themes } from '../../app/lib/constants';
 import { longText } from '../utils';
+import { NavigationDecorator } from '../StoryNavigator';
 import { store } from './index';
 
-const stories = storiesOf('NewMarkdown', module).addDecorator(story => <Provider store={store}>{story()}</Provider>);
+const stories = storiesOf('NewMarkdown', module)
+	.addDecorator(story => <Provider store={store}>{story()}</Provider>)
+	.addDecorator(NavigationDecorator);
 
 const theme = 'light';