Minor DX improvements (#138)

* Using semicolon consistently in TS interfaces

* Adding index.html to Tailwind's "content" option

* Supporting default Tailwind colors as well as custom ones

Author: liarco

minting-dapp/src/scripts/react/Dapp.tsx

@@ -16,8 +16,8 @@ interface Props {
 
 interface State {
   userAddress: string|null;
-  network: ethers.providers.Network|null,
-  networkConfig: NetworkConfigInterface,
+  network: ethers.providers.Network|null;
+  networkConfig: NetworkConfigInterface;
   totalSupply: number;
   maxSupply: number;
   maxMintAmountPerTx: number;
@@ -27,7 +27,7 @@ interface State {
   isUserInWhitelist: boolean;
   merkleProofManualAddress: string;
   merkleProofManualAddressFeedbackMessage: string|JSX.Element|null;
-  errorMessage: string|JSX.Element|null,
+  errorMessage: string|JSX.Element|null;
 }
 
 const defaultState: State = {

minting-dapp/src/scripts/react/MintWidget.tsx

@@ -2,15 +2,15 @@ import { utils, BigNumber } from 'ethers';
 import React from 'react';
 
 interface Props {
-  maxSupply: number,
-  totalSupply: number,
-  tokenPrice: BigNumber,
-  maxMintAmountPerTx: number,
-  isPaused: boolean,
-  isWhitelistMintEnabled: boolean,
-  isUserInWhitelist: boolean,
-  mintTokens(mintAmount: number): Promise<void>,
-  whitelistMintTokens(mintAmount: number): Promise<void>,
+  maxSupply: number;
+  totalSupply: number;
+  tokenPrice: BigNumber;
+  maxMintAmountPerTx: number;
+  isPaused: boolean;
+  isWhitelistMintEnabled: boolean;
+  isUserInWhitelist: boolean;
+  mintTokens(mintAmount: number): Promise<void>;
+  whitelistMintTokens(mintAmount: number): Promise<void>;
 }
 
 interface State {

minting-dapp/tailwind.config.js

@@ -1,23 +1,25 @@
 const colors = require('tailwindcss/colors');
 
+// Setting some custom names
+colors.popupsbg = colors.white;
+colors.neutral = colors.slate;
+colors.primary = colors.indigo;
+colors.primarytxt = colors.white;
+colors.warning = colors.yellow;
+colors.warningtxt = colors.black;
+colors.error = colors.red;
+colors.errortxt = colors.white;
+
 module.exports = {
     mode: 'jit',
     content: [
         './src/**/*.tsx',
+        './public/index.html',
     ],
     theme: {
         extend: {},
-        colors: {
-            popupsbg: colors.white,
-            neutral: colors.slate,
-            primary: colors.indigo,
-            primarytxt: colors.white,
-            warning: colors.yellow,
-            warningtxt: colors.black,
-            error: colors.red,
-            errortxt: colors.white,
-        }
+        colors,
     },
     variants: {},
     plugins: [],
-}
+};