@opencollective/eymail-components - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

lib/actions.js

@@ -52,3 +52,3 @@ "use strict";
         cellPadding: this.props.padding
-      }, React.createElement("tr", null, this.props.children.map(function (child, index) {
+      }, React.createElement("tr", null, React.Children.map(this.props.children, function (child, index) {
         return React.createElement("td", {
@@ -55,0 +55,0 @@ key: index,

lib/footer.js

@@ -46,17 +46,6 @@ "use strict";
       return {
-        padding: '24px 0 64px'
+        padding: '0'
       };
     }
   }, {
-    key: "helpStyle",
-    value: function helpStyle() {
-      return {
-        fontSize: '14px',
-        fontWeight: 400,
-        lineHeight: '21px',
-        letterSpacing: '-0.2px',
-        textAlign: 'center'
-      };
-    }
-  }, {
     key: "logoStyle",
@@ -69,16 +58,2 @@ value: function logoStyle() {
   }, {
-    key: "teamSignatureStyle",
-    value: function teamSignatureStyle() {
-      var styles = Stylesheet.get();
-      return {
-        fontFamily: styles.fontFamily,
-        color: styles.colors.darkGrey,
-        fontSize: '14px',
-        lineHeight: '21px',
-        fontWeight: 500,
-        letterSpacing: '-0.2px',
-        textAlign: 'center'
-      };
-    }
-  }, {
     key: "baselineStyle",
@@ -130,67 +105,2 @@ value: function baselineStyle() {
       }, React.createElement(Divider.Line, {
-        height: 64
-      }), React.createElement(Paragraph, {
-        style: this.helpStyle()
-      }, "If you have questions, follow us on", ' ', React.createElement(Link, {
-        color: "#1f87ff",
-        href: "https://twitter.com/opencollect"
-      }, "Twitter"), ", join our", ' ', React.createElement(Link, {
-        color: "#1f87ff",
-        href: "https://slack.opencollective.com"
-      }, "Slack"), ' ', "or check our", ' ', React.createElement(Link, {
-        color: "#1f87ff",
-        href: "http://docs.opencollective.com/"
-      }, "documentation"), ". We're here to help!"), React.createElement(Divider, {
-        height: 35
-      }), React.createElement(CenteredBlock, {
-        width: "192"
-      }, React.createElement("table", null, React.createElement("tr", null, React.createElement("td", {
-        style: {
-          padding: '5px'
-        }
-      }, React.createElement("a", {
-        href: "https://medium.com/open-collective"
-      }, React.createElement("img", {
-        width: "38",
-        height: "38",
-        alt: "",
-        src: "https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-medium.png"
-      }))), React.createElement("td", {
-        style: {
-          padding: '5px'
-        }
-      }, React.createElement("a", {
-        href: "https://twitter.com/opencollect"
-      }, React.createElement("img", {
-        width: "38",
-        height: "38",
-        alt: "",
-        src: "https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-twitter.png"
-      }))), React.createElement("td", {
-        style: {
-          padding: '5px'
-        }
-      }, React.createElement("a", {
-        href: "https://github.com/opencollective"
-      }, React.createElement("img", {
-        width: "38",
-        height: "38",
-        alt: "",
-        src: "https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-github.png"
-      }))), React.createElement("td", {
-        style: {
-          padding: '5px'
-        }
-      }, React.createElement("a", {
-        href: "https://slack.opencollective.com/"
-      }, React.createElement("img", {
-        width: "38",
-        height: "38",
-        alt: "",
-        src: "https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-slack.png"
-      })))))), React.createElement(Divider, {
-        height: 35
-      }), React.createElement("div", {
-        style: this.teamSignatureStyle()
-      }, "Cheers,", React.createElement("br", null), React.createElement("strong", null, "Open Collective Team")), React.createElement(Divider.Line, {
         height: 76
@@ -217,3 +127,3 @@ }), React.createElement("div", {
         style: this.madeStyle()
-      }, "Made with \u2764\uFE0F in NYC, Berlin, Guadalajara, and South of France!"));
+      }, "Made with \u2764\uFE0F in NYC, Berlin, Guadalajara, and South of France."));
     }
@@ -220,0 +130,0 @@ }]);

lib/header.js

@@ -28,14 +28,14 @@ "use strict";
 
-var Footer =
+var Header =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(Footer, _React$Component);
+  _inherits(Header, _React$Component);
 
-  function Footer() {
-    _classCallCheck(this, Footer);
+  function Header() {
+    _classCallCheck(this, Header);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Footer).apply(this, arguments));
+    return _possibleConstructorReturn(this, _getPrototypeOf(Header).apply(this, arguments));
   }
 
-  _createClass(Footer, [{
+  _createClass(Header, [{
     key: "innerStyle",
@@ -74,5 +74,5 @@ value: function innerStyle() {
 
-  return Footer;
+  return Header;
 }(React.Component);
 
-module.exports = Footer;
+module.exports = Header;

package.json

 {
   "name": "@opencollective/eymail-components",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "lib/index.js",
@@ -21,3 +21,3 @@ "scripts": {
   "dependencies": {
-    "@eymail/components": "^0.0.6",
+    "@eymail/components": "^0.0.7",
     "lodash": "^4.17.11",
@@ -47,3 +47,3 @@ "prop-types": "^15.7.2",
   },
-  "gitHead": "3662b9a7e26aa48d7eb83eba4c4e01c2487c63e0"
+  "gitHead": "8427622d1a304c7a04cf46f298160c74962f5188"
 }

src/actions.js

@@ -16,3 +16,3 @@ const React = require('react');
         <tr>
-          {this.props.children.map((child, index) => (
+          {React.Children.map(this.props.children, (child, index) => (
             <td key={index} style={this.tdStyle()}>
@@ -19,0 +19,0 @@ {child}

src/footer.js

@@ -15,16 +15,6 @@ const React = require('react');
     return {
-      padding: '24px 0 64px',
+      padding: '0',
     };
   }
 
-  helpStyle() {
-    return {
-      fontSize: '14px',
-      fontWeight: 400,
-      lineHeight: '21px',
-      letterSpacing: '-0.2px',
-      textAlign: 'center',
-    };
-  }
-
   logoStyle() {
@@ -36,15 +26,2 @@ return {
 
-  teamSignatureStyle() {
-    const styles = Stylesheet.get();
-    return {
-      fontFamily: styles.fontFamily,
-      color: styles.colors.darkGrey,
-      fontSize: '14px',
-      lineHeight: '21px',
-      fontWeight: 500,
-      letterSpacing: '-0.2px',
-      textAlign: 'center',
-    };
-  }
-
   baselineStyle() {
@@ -93,76 +70,2 @@ const styles = Stylesheet.get();
       >
-        <Divider.Line height={64} />
-
-        <Paragraph style={this.helpStyle()}>
-          If you have questions, follow us on{' '}
-          <Link color="#1f87ff" href="https://twitter.com/opencollect">
-            Twitter
-          </Link>
-          , join our{' '}
-          <Link color="#1f87ff" href="https://slack.opencollective.com">
-            Slack
-          </Link>{' '}
-          or check our{' '}
-          <Link color="#1f87ff" href="http://docs.opencollective.com/">
-            documentation
-          </Link>
-          . We&apos;re here to help!
-        </Paragraph>
-
-        <Divider height={35} />
-
-        <CenteredBlock width="192">
-          <table>
-            <tr>
-              <td style={{ padding: '5px' }}>
-                <a href="https://medium.com/open-collective">
-                  <img
-                    width="38"
-                    height="38"
-                    alt=""
-                    src="https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-medium.png"
-                  />
-                </a>
-              </td>
-              <td style={{ padding: '5px' }}>
-                <a href="https://twitter.com/opencollect">
-                  <img
-                    width="38"
-                    height="38"
-                    alt=""
-                    src="https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-twitter.png"
-                  />
-                </a>
-              </td>
-              <td style={{ padding: '5px' }}>
-                <a href="https://github.com/opencollective">
-                  <img
-                    width="38"
-                    height="38"
-                    alt=""
-                    src="https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-github.png"
-                  />
-                </a>
-              </td>
-              <td style={{ padding: '5px' }}>
-                <a href="https://slack.opencollective.com/">
-                  <img
-                    width="38"
-                    height="38"
-                    alt=""
-                    src="https://res.cloudinary.com/opencollective/image/upload/v1554473675/email/icon-slack.png"
-                  />
-                </a>
-              </td>
-            </tr>
-          </table>
-        </CenteredBlock>
-
-        <Divider height={35} />
-        <div style={this.teamSignatureStyle()}>
-          Cheers,
-          <br />
-          <strong>Open Collective Team</strong>
-        </div>
-
         <Divider.Line height={76} />
@@ -201,3 +104,3 @@
         <Paragraph style={this.madeStyle()}>
-          Made with ❤️ in NYC, Berlin, Guadalajara, and South of France!
+          Made with ❤️ in NYC, Berlin, Guadalajara, and South of France.
         </Paragraph>
@@ -204,0 +107,0 @@ </CenteredBlock>

src/header.js

@@ -9,3 +9,3 @@ const React = require('react');
 
-class Footer extends React.Component {
+class Header extends React.Component {
   innerStyle() {
@@ -44,2 +44,2 @@ return {
 
-module.exports = Footer;
+module.exports = Header;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

52225

increased by8.14%

Number of package files

23

increased by9.52%

Lines of code

1113

increased by7.12%

Dependency changes

• + Added@eymail/components@0.0.7(transitive)

• - Removed@eymail/components@0.0.6(transitive)

• Updated@eymail/components@^0.0.7