ProductPage Backup.txt

import { Box, Grid, Heading, Spinner } from "@chakra-ui/react";
import { useState } from "react";
import { SortContext } from "../../Components/Cotext";
import LeftBars from "./leftSidebar";
import { Products } from "./product_page1";
import SortDropdown from "./sortDropdown";

function Product_page_new({ order_new }) {
  const [user, setUser] = useState("");
  const changeOrder = (new_user) => {
    setUser(new_user);
  };
  return (
    <SortContext.Provider value={{ user, changeOrder }}>
      <Box
        mt={{
          base: "70px",
          sm: "70px",
          md: "70px",
          lg: "150px",
        }}
      >
        <Box id="sortDropdown_Div">
          <SortDropdown order_set={user} changeOrder={changeOrder} />
        </Box>
        <Grid
          templateColumns={{
            base: "1fr",
            sm: "1fr",
            md: "1fr",
            lg: "0.3fr 1fr",
          }}
          spacing={20}
          gap={5}
        >
          <LeftBars order_set={user} changeOrder={changeOrder} />
          <Products />
        </Grid>
      </Box>
    </SortContext.Provider>
  );
}

export default Product_page_new;