Commit 4837a997 authored by Christopher Cottier's avatar Christopher Cottier

added return to market button on order confirmation page

parent 87f18bac
...@@ -7,4 +7,11 @@ main { ...@@ -7,4 +7,11 @@ main {
font-size: 40px; font-size: 40px;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
}
#return-to-martket {
margin-top: 50px;
display: flex;
justify-content: center;
width: 100%;
} }
\ No newline at end of file
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { Redirect } from 'react-router'; import { Redirect } from 'react-router';
import {NavLink} from 'react-router-dom';
import {sendUserOrder} from '../../actions/checkout_actions' import {sendUserOrder} from '../../actions/checkout_actions'
import Order from '../order-history/Order'; import Order from '../order-history/Order';
...@@ -24,6 +25,10 @@ const OrderConfirmation = () => { ...@@ -24,6 +25,10 @@ const OrderConfirmation = () => {
<main> <main>
<h1 id="order-confirmation-header">Thanks for your order!</h1> <h1 id="order-confirmation-header">Thanks for your order!</h1>
<Order order={orderResponse} alt={0}/> <Order order={orderResponse} alt={0}/>
<div id="return-to-market">
<NavLink to="/product-market"> Return To Market</NavLink>
</div>
</main> </main>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment