ShoppingCart | Commerce Website Using Java - Spring MVC | Ecommerce library

I currently have a project laid out like this:

I'm trying to make it so that when you click the shopping cart icon and go to the cart, the cart icon disappears. However when I try and write the logic for location.pathname it ends up removing the shopping cart icon on the products page itself like so:

How do I fix this so that the shopping cart item disappears only when I am actually in the cart section (which I have linked up using react router)?

My Navbar component:

I am making a shopping cart. Adding meals to the cart is done and I also can show the products with the price in cart. The only thing what I haven't been able to do is to add all the prices up and write that value. The shoppingcart can have random number of products.

This is the code I use for the shopping cart:

I'm trying to make an inventory system as part for my e-commerce project so I need to get the price per product. The problem is when I use alert to display the data it combined. My main goal is to get the price per product (row) so I can compute it for the inventory

shopping cart:

The problem. the 2 product price combined. how can i separate them?:

I have an application with react router implemented, and within one of the components I nested another router since I need to be able to navigate to different subcomponents from that component.

The implementation worked fine until I tried to build a link to be able to get out of that specific component and navigate the 'mother' router.

For some reason I can't understand, when I click on the link the URL changes correctly but the components displayed don't change. The component I'm trying to get out of stays there and the component I'm trying to get to doesn't render.

Any tips or ideas are more than welcome. Full code can be found here: https://github.com/coccagerman/sweetkicks

This is the main router:

im using async storage in my app to keep product name, color, size and number of piece. i can't do that if it's same name, color and size i want to increase piece only. i couldn't think of it.. would you guys help me out

I am working on a WordPress website for a client. I want to create a switch element through a current URL change. For instance;

https://mywebsite.com/shop/CUSTOMER should change to https://mywebsite.com/shop/OWNER

I'm struggling to move my web api to the docker containers. However, it doesnt want to run.
Running docker-compose build and then docker-compose up console shows me that app is start listening on: http://localhost:5000 and https://localhost:5001, but before those line i'm receiving: " Unable to bind to http://localhost:5000 on the IPv6 loopback interface: 'Cannot assign requested address'."

Dockerfile: FROM mcr.microsoft.com/dotnet/sdk:5.0 AS build WORKDIR /src

I'm creating a simple shopping cart in JavaScript as an exercise. I'm using .filter to remove a product (object) by ID when the user clicks to remove one item from the cart (array). However, of course, .filter will remove all objects with the ID of x from the array. I believe the best way to achieve what I'm looking for is to remove a maximum of one object with said ID from the array of objects. Is anyone aware of how to do this / a more apt solution?

JSFiddle: https://jsfiddle.net/LiamMacmillan/zryq62ua/79/

As you can see my SearchBar doesn't have an 'X' button, which is normally at the right hand side of the SearchBar. I only have the issue using Android, iOS has an X and a cancel button. Do I need to add a tag in or what am I doing wrong?