error handling for navigating to order history with no user

ecom-service/src/main/java/com/nisum/ecomservice/service/OrderService.java

@@ -25,6 +25,7 @@ public class OrderService {
         Address address = orderRequest.getAddress();
         CartPostDTO cart = orderRequest.getCart();
 
+
         //for each item grab product details from products API
         List<Mono<Product>> productsToOrder = cart.getCartItems().stream()
                 .map(cartItem -> cartItem.getProductRef().getSku())

ecom-web/src/components/order-history/order-history.css

@@ -23,3 +23,9 @@ main {
 .order-field {
     font-weight: 600;
 }
+
+#order-history-header {
+    font-size: 40px;
+    text-align: center;
+    padding: 10px;
+}

ecom-web/src/components/order-history/order-history.jsx

@@ -13,7 +13,7 @@ const OrderHistory = () => {
     const {currentUser} = useSelector(state => state.user);
     
     useEffect( async () => {
-        if (callMade) return;
+        if (callMade || currentUser === null) return;
         const userHistory = await getOrderHistory(currentUser.userId); //insert user id from user details stored in redux 
         setOrderHistory(userHistory);
         setCallMade(true);
@@ -21,8 +21,10 @@ const OrderHistory = () => {
 
     return (
         <main>
-            <h1>Order History</h1>
-
+            <h1 id="order-history-header">Order History</h1>
+            {currentUser === null ? (
+                <div>Please login to place orders!</div>
+            ) : null}
             <div id="orders">
                 {orderHistory.map(order => {
                     return <Order order={order}/>;