add css for basket page

vskosp · Dec 11, 2020 · 7f5b0a7 · 7f5b0a7
1 parent c9ac2cd
commit 7f5b0a7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/pages/basket-page.js b/src/pages/basket-page.js
@@ -3,6 +3,8 @@ import { connect } from 'react-redux';
 import { Route, Switch } from 'react-router-dom';
 import { createStructuredSelector } from 'reselect';
 
+import styles from './basket-page.module.css';
+
 import Basket from '../components/basket';
 import { orderErrorSelector } from '../redux/selectors';
 
@@ -15,10 +17,10 @@ const BasketPage = ({ match, orderError }) => {
         <Basket canCheckout />
       </Route>
       <Route path={`${path}/error`}>
-        <h2 style={{textAlign: 'center', marginTop: 100}}>{orderError}</h2>
+        <h2 className={styles.message}>{orderError}</h2>
       </Route>
       <Route path={`${path}/success`}>
-        <h2 style={{textAlign: 'center', marginTop: 100}}>Thanks for your order!</h2>
+        <h2 className={styles.message}>Thanks for your order!</h2>
       </Route>
     </Switch>
   )

diff --git a/src/pages/basket-page.module.css b/src/pages/basket-page.module.css
@@ -0,0 +1,4 @@
+.message {
+  margin-top: 100px;
+  text-align: center;
+}