Propagate the compact flag through mailchimp wrapper (#80)

* Fix linting errors

* Propagate the compact flag through mailchimp wrapper

* Bump patch

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code4ro/taskforce-fe-components",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "private": false,
   "dependencies": {
     "bulma": "^0.8.0",

src/components/banner/banner.js

@@ -7,11 +7,7 @@ export const Banner = ({ color, title, link }) => {
     <div className={`banner-wrapper is-${color}`}>
       <div className="banner">
         <div className="title">
-          <a
-            href="${link}"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
+          <a href={link} target="_blank" rel="noopener noreferrer">
             {title || ""}
           </a>
         </div>
@@ -27,5 +23,5 @@ Banner.propTypes = {
 };
 
 Banner.defaultProps = {
-  color: 'yellow'
+  color: "yellow"
 };

src/components/banner/banner.stories.js

@@ -6,13 +6,24 @@ import "./../../styles.scss";
 export default { title: "Banner" };
 
 export const defaultColor = () => (
-  <Banner title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. " link="https://code4.ro" />
+  <Banner
+    title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. "
+    link="https://code4.ro"
+  />
 );
 
 export const green = () => (
-  <Banner color="green"  title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. " link="https://code4.ro" />
+  <Banner
+    color="green"
+    title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. "
+    link="https://code4.ro"
+  />
 );
 
 export const yellow = () => (
-  <Banner color="yellow"  title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. " link="https://code4.ro" />
+  <Banner
+    color="yellow"
+    title="15 RECOMANDĂRI privind conduita socială responsabilă în prevenirea răspândirii coronavirus. "
+    link="https://code4.ro"
+  />
 );

src/components/subscribe/mailchimp-subscribe.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { SubscribeForm } from "./subscribe-form";
 import { sendSubscriptionRequest } from "./mailchimp.service";
 
-export const MailchimpSubscribe = ({ url }) => {
+export const MailchimpSubscribe = ({ url, compact }) => {
   const [isLoading, setIsLoading] = useState(false);
   const [isSuccess, setIsSuccess] = useState();
   const [errorMessage, setErrorMessage] = useState();
@@ -26,10 +26,12 @@ export const MailchimpSubscribe = ({ url }) => {
       loading={isLoading}
       success={isSuccess}
       errorMessage={errorMessage}
+      compact={compact}
     />
   );
 };
 
 MailchimpSubscribe.propTypes = {
-  url: PropTypes.string.isRequired
+  url: PropTypes.string.isRequired,
+  compact: PropTypes.bool
 };

src/components/subscribe/mailchimp-subscribe.stories.js

@@ -36,6 +36,12 @@ export const mailchimpSubscribe = () => {
   );
 };
 
+export const mailchimpSubscribeCompact = () => (
+  <Wrapper classes="column is-one-fifth">
+    <MailchimpSubscribe url="" compact={true} />
+  </Wrapper>
+);
+
 export const subscribe = () => (
   <Wrapper>
     <SubscribeForm onSubmit={logOnSubmit} />