From 229e91ecee38035e5fc37902f0ca03242837ce2c Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Sat, 1 Jun 2019 17:44:24 +0200
Subject: [PATCH] fix(create): inactive create button on empty notice list

---
 src/app/content/App/Notice/List/NoNotice/index.tsx       | 9 ++++++++-
 .../atoms/Buttons/BorderButton/BorderButton.ts           | 9 +++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/app/content/App/Notice/List/NoNotice/index.tsx b/src/app/content/App/Notice/List/NoNotice/index.tsx
index 4deac1be9..4f48258fb 100644
--- 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
index 90e802942..f208ea234 100644
--- 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;