<Router> <Header /> {isAuthenticated && <UserOptions user={user} />} <Switch> <Route exact path="/" component={Home} /> {/* <Route exact path='/sad' component={<Loader/>}/> */} <Route exact path="/product/:id" component={ProductDetails} /> <Route exact path="/products" component={Products} /> <Route exact path="/search" component={Search} /> <Route path="/products/:keyword" component={Products} /> <ProtectedRoute exact path="/account" component={Profile} /> <ProtectedRoute exact path="/me/update" component={UpdateProfile} /> <ProtectedRoute exact path="/password/update" component={UpdatePassword} /> <ProtectedRoute exact path="/shipping" component={Shipping} /> <ProtectedRoute exact path="/order/confirm" component={ConfirmOrder} /> <Route exact path="/password/forgot" component={ForgotPassword} /> <Route exact path="/password/reset/:token" component={ResetPassword} /> <Route exact path="/cart" component={Cart} /> {/* <Route exact path='/password/forgot' component={<ForgotPassword/> }/> */} <Route exact path="/login" component={LoginSignUp} /> {stripeApiKey && ( <Elements stripe={loadStripe(stripeApiKey)}> <ProtectedRoute exact path="/process/payment" component={Payment} /> </Elements> )} <ProtectedRoute exact path="/success" component={OrderSuccess} /> <ProtectedRoute exact path="/orders" component={MyOrders} /> </Switch> <ToastContainer position={`bottom-left`} /> <Footer /> </Router>
import React from "react" import CheckCircleIcon from "@material-ui/icons/CheckCircle" import "./OrderSuccess.css" import Typography from "@material-ui/core/Typography" import { Link } from "react-router-dom" const OrderSuccess = () => { return ( <div className="orderSuccess"> <CheckCircleIcon /> <Typography>Your Order has been placed successfully</Typography> <Link to="/orders/me">View Orders</Link> </div> ) } export default OrderSuccess
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)