Merge pull request #308 from insitu-project/fix/missing_link_on_empty…

…_notices_list fix(create): inactive create button on empty notice list
dis-moi · Jun 1, 2019 · a300992 · a300992
2 parents 19b8292 + 229e91e
commit a300992
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/app/content/App/Notice/List/NoNotice/index.tsx b/src/app/content/App/Notice/List/NoNotice/index.tsx
@@ -9,7 +9,14 @@ export default () => (
     <Title>Pas de Bulle ici</Title>
     <ButtonContainer>
       <Illustration />
-      <BorderButton>Créer une Bulle</BorderButton>
+      <BorderButton
+        as="a"
+        href="https://form.jotformeu.com/82702852284358"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Créer une Bulle
+      </BorderButton>
     </ButtonContainer>
   </Fragment>
 );
diff --git a/src/components/atoms/Buttons/BorderButton/BorderButton.ts b/src/components/atoms/Buttons/BorderButton/BorderButton.ts
@@ -1,9 +1,14 @@
 import styled from 'styled-components';
 import Button from '../../Button';
 
-export default styled(Button)`
+interface BorderButtonProps {
+  href?: string;
+  target?: '_blank';
+  rel?: string;
+}
+export default styled(Button)<BorderButtonProps>`
   height: 28px;
-  padding: 0 12px;
+  padding: 5px 12px;
   font-size: 15px;
   color: ${props => props.theme.button};
   text-decoration: none;