react-not-paid

A React utility for freelancers whose clients aren't paying.

Usage no npm install needed!

<script type="module">
  import reactNotPaid from 'https://cdn.skypack.dev/react-not-paid';
</script>

README

React-Not-Paid

Having trouble with your clients not paying for your work? React-Not-Paid will get you sorted!

This React utility will add opacity to a site's body tag and decrease it every day until the site completely fades away. Set a due date and customize the grace period you offer until the client's website fully disappears. It should now work reliably across time-zones, because it converts all dates to UTC and makes calculations thereafter.

Usage Instructions

Import this package by putting import notPaid from "react-not-paid" in your App.js.

Then, in your App.js's componentDidMount lifecycle method, call the notPaid function.

The first paramater is dueDate, which is an ISO date encoding (i.e. "YYYY-MM-DD") as a String.

The second parameter is gracePeriod, which is the number of days (e.g. 7, 14) it will take your client's site to fully disappear; this is an Integer value.

Example Usage

notPaid(dueDate, gracePeriod)
  componentDidMount = () => {
    notPaid("2019-02-26", 14);
  };

Author

Created by Rahul Desai (@rd825 on Github, @RDesai01 on Twitter)
Inspired by Dragoi Ciprian's vanilla JS version