Rename index.module.scss due to react 4 bug

omgnetwork · Mar 17, 2021 · c40c23a · c40c23a
1 parent 064323f
commit c40c23a
Show file tree

Hide file tree

Showing 31 changed files with 68 additions and 35 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/alert/Alert.module.scss b/src/components/alert/Alert.module.scss
@@ -1,2 +1,2 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
diff --git a/src/components/button/Button.module.scss b/src/components/button/Button.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Button {
   display: flex;

diff --git a/src/components/copy/Copy.module.scss b/src/components/copy/Copy.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Copy {
   .icon {

diff --git a/src/components/gaspicker/GasPicker.module.scss b/src/components/gaspicker/GasPicker.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .GasPicker {
   display: flex;

diff --git a/src/components/info/Info.module.scss b/src/components/info/Info.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Info {
   display: flex;

diff --git a/src/components/input/Input.module.scss b/src/components/input/Input.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Input {
   display: flex;

diff --git a/src/components/inputselect/InputSelect.module.scss b/src/components/inputselect/InputSelect.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .selectContainer {
   height: 46px;

diff --git a/src/components/mobileheader/MobileHeader.module.scss b/src/components/mobileheader/MobileHeader.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .MobileHeader {
   display: none;

diff --git a/src/components/mobilemenu/MobileMenu.module.scss b/src/components/mobilemenu/MobileMenu.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .menu {
   background-color: $gray1;

diff --git a/src/components/modal/Modal.js b/src/components/modal/Modal.js
@@ -21,7 +21,7 @@ import {
   Fade
 } from '@material-ui/core';
 
-import { gray6, gray3, gray1 } from 'index.scss';
+import { gray6, gray3, gray1 } from 'index.module.scss';
 
 const useStyles = makeStyles({
   modal: {

diff --git a/src/components/pager/Pager.module.scss b/src/components/pager/Pager.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Pager {
   display: flex;

diff --git a/src/components/select/Select.module.scss b/src/components/select/Select.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Select {
   display: flex;

diff --git a/src/components/tabs/Tabs.module.scss b/src/components/tabs/Tabs.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Tabs {
   display: flex;

diff --git a/src/components/transaction/Transaction.module.scss b/src/components/transaction/Transaction.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Transaction {
   display: flex;

diff --git a/src/components/walletpicker/WalletPicker.module.scss b/src/components/walletpicker/WalletPicker.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .WalletPicker {
   display: flex;

diff --git a/src/containers/account/Account.module.scss b/src/containers/account/Account.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Account {
   margin-bottom: 20px;

diff --git a/src/containers/app/App.module.scss b/src/containers/app/App.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .App {
   display: flex;

diff --git a/src/containers/home/Home.module.scss b/src/containers/home/Home.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Home {
   display: flex;

diff --git a/src/containers/modals/deposit/DepositModal.module.scss b/src/containers/modals/deposit/DepositModal.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .buttons {
   display: flex;

diff --git a/src/containers/modals/exit/ExitModal.module.scss b/src/containers/modals/exit/ExitModal.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .buttons {
   display: flex;

diff --git a/src/containers/modals/ledger/LedgerConnect.module.scss b/src/containers/modals/ledger/LedgerConnect.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .buttons {
   display: flex;

diff --git a/src/containers/modals/ledger/LedgerPrompt.module.scss b/src/containers/modals/ledger/LedgerPrompt.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .buttons {
   display: flex;

diff --git a/src/containers/modals/merge/MergeModal.module.scss b/src/containers/modals/merge/MergeModal.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .buttons {
   display: flex;

diff --git a/src/containers/modals/processexit/ProcessExitsModal.module.scss b/src/containers/modals/processexit/ProcessExitsModal.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .buttons {
   display: flex;

diff --git a/src/containers/modals/transfer/TransferModal.module.scss b/src/containers/modals/transfer/TransferModal.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .disclaimer {
   font-family: 'Messina';

diff --git a/src/containers/modals/wrongnetwork/WrongNetworkModal.module.scss b/src/containers/modals/wrongnetwork/WrongNetworkModal.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .WrongNetworkModal {
   display: flex;

diff --git a/src/containers/status/Status.module.scss b/src/containers/status/Status.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .Status {
   display: flex;

diff --git a/src/containers/transactions/Transactions.module.scss b/src/containers/transactions/Transactions.module.scss
@@ -1,4 +1,4 @@
-@import 'index.scss';
+@import 'index.module.scss';
 
 .container {
   display: flex;

diff --git a/src/index.js b/src/index.js
@@ -23,7 +23,8 @@ import store from 'store';
 
 import App from 'containers/app/App';
 
-import './index.scss';
+// Renamed due to https://github.com/facebook/create-react-app/issues/10047
+import './index.module.scss';
 
 if (config.gtmId) {
   TagManager.initialize({ gtmId: config.gtmId });

diff --git a/src/index.scss → src/index.module.scss b/src/index.scss → src/index.module.scss