React is not refreshing the number
when i increase or decrase the product the number on the cart is not changing i have to refresh first
this is the context im using
```js
export const CartProvider = ({ children }) => {
const { value: cartItems, set: setCartItems } = useStorage("cart", []);...
Grid Confusion
Hello,
My code is located at: https://codepen.io/CarsonStudies/pen/qBQqjQR
I am new to the world of web dev and am struggling with adding a grid to my webpage. I've attached a picture of what the web page looks like.
...
Increase the product quantity in the cart
this is the function
```js
const handleCart = (product, redirect) => {
const isProductExist = cartItems.find(
(item) => item.id === product.id && item.size === selectedSize...
React: Returning a BS Accordion with mapped Accordion Items
I have a dropdown menu component called Filter.
GitHub: https://github.com/nnall/Inventory.git
Filter Component: https://github.com/nnall/Inventory/blob/main/src/filter.js
...
How get value from context
I want press alt+enter and get all available values from context
But now it doesn't work - help me please how I can get all available data from context?...
RESPONSIVE TABLE
Hello i am making an e commerce website, i have made the website but having trouble with who to make my table responsive . I will also paste a photo . Please help me with this problem.
How add time in react-date-range?
I use react-date-range dependency and I'd like to add time
How I can do it?...
How change color react-date-range (solved)
I use dependency react-date-range
I want change color to red (for example)
how I can achieve it?
https://codesandbox.io/p/sandbox/ecstatic-cohen-pmw79g?file=%2F.gitignore%3A1%2C1
...
React Add products to cart
How Can i handle adding product with multiple sizes iam storing the product in the local storage with 2 sizes (size1,size2) and the selected size is named size
so how can i split it to 2 components inside the cart...
Grid columns with varying width overflow and truncating
Hello, I'm trying to make a card that has a title, button and 4 spans containing details about it. On small screens, the details are under one another and on large screen I want them to go all in one row next to each other and truncate with ellipsis if they take too much space. On large version the title takes almost the whole first row (4 out of 5 columns) and the button takes all rows on last column.
I managed to make the layout I want with grid, and the small version looks and behaves exactly how I want it to (first screenshot). On large version my columns with
min-content, the ones I don't want to shrink, are okay. However, the first 2 columns ideally I'd want to only take the space they need (now they grow infinitely if there's space available) and shrink if there is no space for other non-shrinking columns (they shrink, but no ellipsis appear)
I addedoverflow: hidden; text-overflow: truncate; white-space: nowrap (truncate class in tailwind) onto my spans but it doesn't seem to work, also not sure what template-columns I should be using....
Relatively Simple CSS Grid question
I want the specific grid-area hero created with grid-template areas to have a fixed size no matter if it sits left or right of the heading.
I have found a solution but I feel like there must be a better way to responsibly manage this.
I provided screenshots of the issue and the code I used cause I think for an expert this is a rather simple question. I'll create a codepen if it's required....
