diff --git a/src/App.css b/src/App.css
index 9a6875f..07d9ce3 100644
--- a/src/App.css
+++ b/src/App.css
@@ -86,7 +86,7 @@ button {
background: #fff;
border-radius: 5px;
border: .1rem solid #e2e2e2;
- min-height: 186px;
+ min-height: 222px;
display: flex;
align-items: center;
flex-wrap: wrap;
diff --git a/src/App.jsx b/src/App.jsx
index e6bac1b..c869b60 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -22,25 +22,27 @@ export default class App extends PureComponent {
- {({ isLoading, accounts }) =>
- isLoading ? (
-
- ) : (
- <>
-
-
+ {({ isLoading, accounts }) => (
+ <>
+
+ {isLoading ? (
+
+ ) : (
+ <>
+
-
- {accounts.map((account, i) => (
-
- ))}
-
-
+
+ {accounts.map((account, i) => (
+
+ ))}
+
+ >
+ )}
+
-
- >
- )
- }
+
+ >
+ )}
diff --git a/src/components/Spinner.css b/src/components/Spinner.css
index f97ac4d..640c4a6 100644
--- a/src/components/Spinner.css
+++ b/src/components/Spinner.css
@@ -1,6 +1,8 @@
.spinner {
position: relative;
text-align: center;
+ margin: auto;
+ width: 100%;
}
.spinner::before {
diff --git a/src/components/Ticker.css b/src/components/Ticker.css
index 85605e0..17a6c01 100644
--- a/src/components/Ticker.css
+++ b/src/components/Ticker.css
@@ -2,6 +2,7 @@
justify-content: center;
margin-top: 2rem;
margin-bottom: 2rem;
+ transition: opacity 1s ease-out;
}
.ticker .number-unit {
diff --git a/src/components/Ticker.jsx b/src/components/Ticker.jsx
index 9718d88..29bec39 100644
--- a/src/components/Ticker.jsx
+++ b/src/components/Ticker.jsx
@@ -1,13 +1,13 @@
import React, { PureComponent } from 'react'
import { Consumer } from '../store/createContext'
-import { userlocale } from '../util/moneyFormatter'
+import { locale } from '../util/moneyFormatter'
import { formatCurrency } from '@coingecko/cryptoformat'
import './Ticker.css'
export default class Ticker extends PureComponent {
render() {
return (
-