@generative.fm/web-ui 0.3.1 → 0.4.0

package/dist/donate/donate.js

@@ -1,15 +1,16 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import CryptoPicker from './crypto-picker';
-import usePledgeSum from './use-pledge-sum';
-import useActivePatrons from '../use-active-patrons';
-import Skeleton from '../loading/skeleton';
-import styles from './donate.module.scss';
-var CURRENT_OBJECTIVE = 2500;
+import CryptoPicker from './crypto-picker'; //import usePledgeSum from './use-pledge-sum';
+
+import useActivePatrons from '../use-active-patrons'; //import Skeleton from '../loading/skeleton';
+
+import styles from './donate.module.scss'; //const CURRENT_OBJECTIVE = 2500;
+
 var PATREON_URL = 'https://www.patreon.com/bePatron?u=2484731';
 var BANDCAMP_URL = 'https://alexbainter.bandcamp.com';
 var PAYPAL_URL = 'https://paypal.me/alexbainter';
+var CONTACT_URL = 'https://contact.alexbainter.com';
 
 var Donate = function Donate() {
   var _useState = useState(),
@@ -20,9 +21,9 @@ var Donate = function Donate() {
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isShowingShoutOut = _useState4[0],
-      setIsShowingShoutOut = _useState4[1];
+      setIsShowingShoutOut = _useState4[1]; //  const pledgeSum = usePledgeSum();
+
 
-  var pledgeSum = usePledgeSum();
   var activePatrons = useActivePatrons();
   useEffect(function () {
     if (!Array.isArray(activePatrons)) {
@@ -82,32 +83,9 @@ var Donate = function Donate() {
     className: styles['donate__title']
   }, "Donate"), /*#__PURE__*/React.createElement("h2", {
     className: styles['donate__subtitle']
-  }, "Help establish full-time development of Generative.fm"), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__metric']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__metric__current']
-  }, "Current monthly support:"), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__metric__objective']
-  }, "Full-time dedication at:")), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__metric']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__metric__current']
-  }, /*#__PURE__*/React.createElement(Skeleton, {
-    isLoading: pledgeSum === null
-  }, "$", pledgeSum || 'XXX')), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__metric__objective']
-  }, "$", CURRENT_OBJECTIVE)), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__meter']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__meter__track']
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__campaign__meter__fill'],
-    style: {
-      width: "".concat(Math.min(pledgeSum / CURRENT_OBJECTIVE, 1) * 100, "%")
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, "Sponsoring Generative.fm Development"), /*#__PURE__*/React.createElement("div", {
+    className: styles['donate__text']
+  }, "Generative.fm is available completely free of charge and ad-free. However, maintaining the service and developing new features is not sustainable without financial support. Please consider making a payment comparable to what you pay for similar services, or what you might expect to pay for this one."), /*#__PURE__*/React.createElement("div", {
     className: styles['donate__shout-out']
   }, /*#__PURE__*/React.createElement(CSSTransition, {
     timeout: 200,
@@ -132,10 +110,6 @@ var Donate = function Donate() {
     className: styles['donate__shout-out__message__name']
   }, shoutOutName), ' ', "for their monthly support!") : 'Pledge $15 or more to get a shout-out right here'))), /*#__PURE__*/React.createElement("h2", {
     className: styles['donate__subtitle']
-  }, "Sponsoring Generative.fm Development"), /*#__PURE__*/React.createElement("div", {
-    className: styles['donate__text']
-  }, "Generative.fm is available completely free of charge and ad-free. However, maintaining the service and developing new features is not sustainable without financial support. Please consider making a payment comparable to what you pay for similar services, or what you might expect to pay for this one."), /*#__PURE__*/React.createElement("h2", {
-    className: styles['donate__subtitle']
   }, "How to pay"), /*#__PURE__*/React.createElement("div", {
     className: styles['donate__methods']
   }, /*#__PURE__*/React.createElement("div", {
@@ -176,7 +150,7 @@ var Donate = function Donate() {
   }, "Cryptocurrencies"), /*#__PURE__*/React.createElement("div", {
     className: styles['donate__methods__column__method__description']
   }, "Select a cryptocurrency to see an address where you can send payments. If you'd prefer to use a cryptocurrency not listed here,", ' ', /*#__PURE__*/React.createElement("a", {
-    href: "https://alexbainter.com",
+    href: CONTACT_URL,
     target: "_blank",
     rel: "noreferrer noopener"
   }, "get in touch"), ".", ' '), /*#__PURE__*/React.createElement(CryptoPicker, null)))));

package/dist/donate/donate.module.scss

@@ -69,8 +69,8 @@
 
   &__shout-out {
     width: 100%;
-    text-align: right;
-    margin-top: 3rem;
+    //    text-align: right;
+    //   margin-top: 3rem;
 
     &__message {
       @include type-normal();
@@ -127,7 +127,7 @@
     @include type-normal();
     color: $color-white;
     font-size: 1.25rem;
-    margin-bottom: 3rem;
+    margin-bottom: 1rem;
   }
 
   &__methods {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@generative.fm/web-ui",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Styles and components used for Generative.fm products",
   "main": "dist/index.js",
   "scripts": {