fix(help): remove contact form and add missing links

src/app/content/App/Help/index.tsx

@@ -1,46 +1,41 @@
 import React from 'react';
-import {
-  BackgroundButton,
-  CenterContainer,
-  List,
-  ExternalLink
-} from 'components/atoms';
+import { List, ExternalLink, Link } from 'components/atoms';
 import withTitle from 'app/hocs/withTitle';
-import { Textarea } from 'components/atoms/Forms';
 import Container from './Container';
 import ContentTitle from './ContentTitle';
+import Content from '../Account/About/Content';
 
 export const Help = () => (
   <Container>
     <ContentTitle>Questions fréquentes</ContentTitle>
     <List>
       <li>
-        <ExternalLink>
+        <ExternalLink href="https://www.bulles.fr/apparition/">
           Sur quelles pages apparaissent les notices ?
         </ExternalLink>
       </li>
       <li>
-        <ExternalLink>
+        <ExternalLink href="https://www.bulles.fr/napparait-pas/">
           J’ai beau testé, les notices n’apparaissent pas
         </ExternalLink>
       </li>
       <li>
-        <ExternalLink>Quelles sont les données utilisées ?</ExternalLink>
+        <ExternalLink href="https://www.bulles.fr/vie-privee/">
+          Quelles sont les données utilisées ?
+        </ExternalLink>
       </li>
       <li>
-        <ExternalLink>Autres questions fréquentes</ExternalLink>
+        <ExternalLink href="https://www.bulles.fr/faq/">
+          Autres questions fréquentes
+        </ExternalLink>
       </li>
     </List>
 
-    <ContentTitle>Contacter le support de Le Même En Mieux</ContentTitle>
-
-    <form>
-      <Textarea rows={5} placeholder="Écrire votre message ici" required />
-
-      <CenterContainer>
-        <BackgroundButton>Envoyer</BackgroundButton>
-      </CenterContainer>
-    </form>
+    <ContentTitle>Contacter le support de Bulles</ContentTitle>
+    <Content>
+      Merci de nous écrire à{' '}
+      <Link href="mailto:support@lmem.net">support@lmem.net</Link>.
+    </Content>
   </Container>
 );
 

src/components/atoms/ExternalLink.ts

@@ -1,12 +1,7 @@
 import styled from 'styled-components';
+import Link from './Link';
 
-export default styled.a.attrs({ target: '_blank', rel: 'noopener noreferrer' })`
-  color: ${props => props.theme.activeColor};
-  text-decoration: underline;
-  cursor: pointer;
-  transition: all 0.2s ease-in-out;
-
-  &:hover {
-    color: ${props => props.theme.secondaryColor};
-  }
-`;
+export default styled(Link).attrs({
+  target: '_blank',
+  rel: 'noopener noreferrer'
+})``;

src/components/atoms/Link.ts

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+export default styled.a`
+  color: ${props => props.theme.activeColor};
+  text-decoration: underline;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+
+  &:hover {
+    color: ${props => props.theme.secondaryColor};
+  }
+`;

src/components/atoms/index.ts

@@ -15,4 +15,5 @@ export { default as Time } from './Time';
 export { default as Timer } from './Timer';
 export { default as List } from './List';
 export { default as ExternalLink } from './ExternalLink';
+export { default as Link } from './Link';
 export { default as Title } from './Title';