feat: plug contributors to screen

src/app/settings/App/SubscriptionsScreen/Empty.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import styled from 'styled-components';
+import BackgroundButton from 'components/atoms/Button/BackgroundButton/BackgroundButton';
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-top: 100px;
+  color: #66696a;
+`;
+
+const EmptyTitle = styled.h1`
+  margin: 0 0 3px;
+  font-size: 24px;
+`;
+
+const EmptyText = styled.p`
+  margin: 0 0 20px;
+  font-size: 18px;
+  text-align: center;
+`;
+
+const EmptyButton = styled(BackgroundButton)`
+  height: auto;
+  padding: 10px 25px;
+  font-size: 20px;
+  text-transform: uppercase;
+`;
+
+const Empty = () => (
+  <Wrapper>
+    <EmptyTitle>Aucun abonnement.</EmptyTitle>
+
+    <EmptyText>
+      Veuillez vous abonner à des contributeurs dans la
+      <br /> partie “Suggestions”
+    </EmptyText>
+
+    <EmptyButton>Choisir mes contributeurs</EmptyButton>
+  </Wrapper>
+);
+
+export default Empty;

src/app/settings/App/SubscriptionsScreen/Subscriptions.stories.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import Subscriptions from './SubscriptionsScreen';
+import SubscriptionsEmpty from './Empty';
+
+storiesOf('screens/SubscriptionsScreen', module)
+  .add('subcriptions', () => <Subscriptions />)
+  .add('subcriptions empty', () => <SubscriptionsEmpty />);