Rename CSS to modules

app/.testcafe-electron-rc

@@ -1,4 +0,0 @@
-{
-  "mainWindowUrl": "./app.html",
-  "appPath": "."
-}

app/Routes.js

@@ -7,7 +7,7 @@ import ReactModal from 'react-modal';
 import { Switch, Route } from 'react-router';
 import native from '../native/index.node';
 import { ErrorModal, ErrorModalData } from './components/ErrorModal';
-import cstyles from './components/Common.css';
+import cstyles from './components/Common.module.css';
 import routes from './constants/routes.json';
 import App from './containers/App';
 import Dashboard from './components/Dashboard';

app/components/Addressbook.js

@@ -8,8 +8,8 @@ import {
   AccordionItemPanel,
   Accordion
 } from 'react-accessible-accordion';
-import styles from './Addressbook.css';
-import cstyles from './Common.css';
+import styles from './Addressbook.module.css';
+import cstyles from './Common.module.css';
 import { AddressBookEntry } from './AppState';
 import ScrollPane from './ScrollPane';
 import Utils from '../utils/utils';

app/components/BalanceBlocks.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import cstyles from './Common.css';
+import cstyles from './Common.module.css';
 import Utils from '../utils/utils';
 
 // eslint-disable-next-line react/prop-types

app/components/Dashboard.js

@@ -11,8 +11,8 @@ import {
   AccordionItemPanel,
   Accordion
 } from 'react-accessible-accordion';
-import styles from './Dashboard.css';
-import cstyles from './Common.css';
+import styles from './Dashboard.module.css';
+import cstyles from './Common.module.css';
 import { TotalBalance, Info, AddressBalance } from './AppState';
 import Utils from '../utils/utils';
 import ScrollPane from './ScrollPane';

app/components/ErrorModal.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 import Modal from 'react-modal';
 import React from 'react';
-import cstyles from './Common.css';
+import cstyles from './Common.module.css';
 
 export class ErrorModalData {
   title: string;

app/components/LoadingScreen.js

@@ -8,8 +8,8 @@ import native from '../../native/index.node';
 import routes from '../constants/routes.json';
 import { RPCConfig, Info } from './AppState';
 import RPC from '../rpc';
-import cstyles from './Common.css';
-import styles from './LoadingScreen.css';
+import cstyles from './Common.module.css';
+import styles from './LoadingScreen.module.css';
 import Logo from '../assets/img/logobig.png';
 
 type Props = {

app/components/PasswordModal.js

@@ -1,7 +1,7 @@
 // @flow
 import React, { PureComponent } from 'react';
 import Modal from 'react-modal';
-import cstyles from './Common.css';
+import cstyles from './Common.module.css';
 
 type Props = {
   modalIsOpen: boolean,

app/components/Receive.js

@@ -10,8 +10,8 @@ import {
 } from 'react-accessible-accordion';
 import QRCode from 'qrcode.react';
 import { shell, clipboard } from 'electron';
-import styles from './Receive.css';
-import cstyles from './Common.css';
+import styles from './Receive.module.css';
+import cstyles from './Common.module.css';
 import Utils from '../utils/utils';
 import { AddressBalance, Info, ReceivePageState, AddressBookEntry } from './AppState';
 import ScrollPane from './ScrollPane';

app/components/Send.js

@@ -10,8 +10,8 @@ import React, { PureComponent } from 'react';
 import Modal from 'react-modal';
 import TextareaAutosize from 'react-textarea-autosize';
 import { withRouter } from 'react-router-dom';
-import styles from './Send.css';
-import cstyles from './Common.css';
+import styles from './Send.module.css';
+import cstyles from './Common.module.css';
 import { ToAddr, AddressBalance, SendPageState, Info, AddressBookEntry, TotalBalance } from './AppState';
 import Utils from '../utils/utils';
 import ScrollPane from './ScrollPane';

app/components/Sidebar.js

@@ -10,8 +10,8 @@ import { Link } from 'react-router-dom';
 import { ipcRenderer } from 'electron';
 import TextareaAutosize from 'react-textarea-autosize';
 import PropTypes from 'prop-types';
-import styles from './Sidebar.css';
-import cstyles from './Common.css';
+import styles from './Sidebar.module.css';
+import cstyles from './Common.module.css';
 import routes from '../constants/routes.json';
 import Logo from '../assets/img/logobig.png';
 import { Info } from './AppState';

app/components/Transactions.js

@@ -7,8 +7,8 @@ import dateformat from 'dateformat';
 import { shell } from 'electron';
 import { withRouter } from 'react-router';
 import { BalanceBlockHighlight } from './BalanceBlocks';
-import styles from './Transactions.css';
-import cstyles from './Common.css';
+import styles from './Transactions.module.css';
+import cstyles from './Common.module.css';
 import { Transaction, Info } from './AppState';
 import ScrollPane from './ScrollPane';
 import Utils from '../utils/utils';
@@ -126,7 +126,6 @@ const TxModalInternal = ({ modalIsOpen, tx, closeModal, currencyName, zecPrice,
           let replyTo = null;
           if (tx.type === 'receive' && memo) {
             const split = memo.split(/[ :\n\r\t]+/);
-            console.log(split);
             if (split && split.length > 0 && Utils.isSapling(split[split.length - 1])) {
               replyTo = split[split.length - 1];
             }

app/components/WormholeConnection.js

@@ -1,8 +1,8 @@
 import React, { PureComponent } from 'react';
 import QRCode from 'qrcode.react';
 import dateformat from 'dateformat';
-import cstyles from './Common.css';
-import styles from './WormholeConnection.css';
+import cstyles from './Common.module.css';
+import styles from './WormholeConnection.module.css';
 import CompanionAppListener from '../companion';
 import { ConnectedCompanionApp } from './AppState';
 

app/components/Zcashd.js

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import { Info } from './AppState';
-import cstyles from './Common.css';
-import styles from './Zcashd.css';
+import cstyles from './Common.module.css';
+import styles from './Zcashd.module.css';
 import ScrollPane from './ScrollPane';
 import Heart from '../assets/img/zcashdlogo.gif';