I'm trying to implement a page with fixed navbar and collapsible fixed sidebar, using React and chakra-ui component. Below are the example code. import { Box } from "@chakra-ui/react"; export const App = () => { return ( <Box display="flex">…
Upon login I fetch and return the user's messages, then filter for 'unread' on the frontend to display a red alert icon on top of a notification bell. The time it takes to complete the request is 13s. I believe…
"proxy": "https://mango-artist-rmdnr.pwskills.app:5000", I am adding this code to connect my frontend with backend then it showing invalid host header. My backend is running on port 5000 and frontend react is running on port 3000. "scripts": { "start": "react-scripts start --public…
I'm trying to build a searchable menu of teams in Javascript/TypeScript - not sure how to do it. Basically, I have a set of data laid out like this. const data = [ { 'name': 'Alex A', 'agentId': '1225', },…
i am really stuck on how i can pass searched data which a user types from my search bar in the header component to the main component to be displayed. Currently if i place a search bar in my main…
I have a parent and child components that I use to display some contents about Inventory reports using react props. basically, the props contain information about individual inventory report card and one of those props is a tag that could…
I have a question trying to have the input field auto-add a comma on input for readability. E.g 123,456. .toLocaleString() has been used to resolve the end result, but i need the comma displaying at the time of input also.…
I have an object with keys and objects. I am trying to see if I can filter out and return only the ones that match the criteria. This is the object the random number keys will or could be different.…
I am working with React Redux, I can't understand why it brings the former state again. actions.js export const SET_USER= "SET_USER"; export const setUser = user => ({ type: SET_USER, payload: user }); reducers.js import { SET_USER } from "./actions";…
I have a working docker nginx container with a react app running inside. I did not to suceed adding my ssl-certificates, which are already running in the node.js backend app. This is how my dockerfile looks like: FROM nginx COPY…