push rasad front on new repo

2026-01-18 14:32:49 +03:30
commit 4fe6e70525
2139 changed files with 303150 additions and 0 deletions
--- a/src/features/steward/components/steward-sell-out-of-province/StewardSellOutOfProvince.js
+++ b/src/features/steward/components/steward-sell-out-of-province/StewardSellOutOfProvince.js
@@ -0,0 +1,78 @@
+import { Box, Tab, Tabs } from "@mui/material";
+import { useEffect, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { fetchStewardBroadcastAndProducts } from "../../services/handle-fetch-steward-products";
+import { SPACING } from "../../../../data/spacing";
+import { StewardShowProducts } from "../steward-show-products/StewardShowProducts";
+import { Grid } from "../../../../components/grid/Grid";
+import { StewardSellOutOfProvinceSells } from "../steward-sell-out-of-province-sells/StewardSellOutOfProvinceSells";
+import { StewardSellOutOfProvinceBuyers } from "../steward-sell-out-of-province-buyers/StewardSellOutOfProvinceBuyers";
+import { checkPathStartsWith } from "../../../../utils/checkPathStartsWith";
+
+export const StewardSellOutOfProvince = () => {
+  const dispatch = useDispatch();
+  const [valueOutProvince, setValueOutProvince] = useState(0);
+
+  const selectedSubUser = useSelector(
+    (state) => state.userSlice.selectedSubUser
+  );
+  const handleChangeTabsetOutProvince = (event, newValue) => {
+    setValueOutProvince(newValue);
+  };
+
+  useEffect(() => {
+    dispatch(
+      fetchStewardBroadcastAndProducts({
+        role_key: checkPathStartsWith("steward") ? selectedSubUser?.key : "",
+      })
+    );
+  }, [selectedSubUser?.key]);
+
+  return (
+    <Grid
+      container
+      direction="column"
+      alignItems="center"
+      justifyContent="space-between"
+      gap={SPACING.SMALL}
+      mt={SPACING.MEDIUM}
+      width="100%"
+    >
+      <Grid container width="100%" isDashboard>
+        <StewardShowProducts />
+      </Grid>
+
+      <Grid
+        container
+        direction="column"
+        alignItems="center"
+        justifyContent="space-between"
+        gap={SPACING.SMALL}
+        mb={SPACING.SMALL}
+        width="100%"
+      >
+        <Box
+          sx={{
+            borderBottom: 1,
+            borderColor: "divider",
+          }}
+        >
+          <Tabs
+            className="insidetabs"
+            size="small"
+            value={valueOutProvince}
+            onChange={handleChangeTabsetOutProvince}
+            aria-label="basic tabs example"
+          >
+            <Tab label="فروش" />
+            <Tab label="خریداران" />
+          </Tabs>
+        </Box>
+
+        {valueOutProvince === 0 && <StewardSellOutOfProvinceSells />}
+
+        {valueOutProvince === 1 && <StewardSellOutOfProvinceBuyers />}
+      </Grid>
+    </Grid>
+  );
+};