fix url bugs

Author: parsabr80

src/layouts/map/Routers.jsx

@@ -71,7 +71,7 @@ export default function Routers() {
     <Routes>
       <Route path="/metaverse" element={<Outlet />}>
         <Route
-          path="sanad"
+          path="Documents"
           element={
             <PrivateRoute>
               <Sanad />

src/layouts/menu/Profile.jsx

@@ -183,7 +183,7 @@ const Profile = () => {
               <Level isOpen={!isOpen}>{user?.level?.slug || 0}</Level>
               <Text isOpen={!isOpen}>{user?.code}</Text>
             </Btn>
-            <BtnNavigator onClick={() => navigate("/metaverse/sanad")}>
+            <BtnNavigator onClick={() => navigate("/metaverse/Documents")}>
               <Icon src={Ticket} />
               {getFieldTranslationByNames("241")}
             </BtnNavigator>

src/pages/Feature/Tabs/BuyFromSystem/BuyerContent.jsx

@@ -1,20 +1,20 @@
 import styled from "styled-components";
-import { useState } from "react";
-("../../../../../components/SidebarOptions");
-import BuyerContent from "./BuyerContent";
 import SidebarOptions from "./SidebarOptions";
-
+import  SellerPrice from "./SellerPrice";
+import { Navigate,Route,Routes } from "react-router-dom";
 const Wrapper = styled.div`
   display: flex;
   gap: 10px;
 `;
 
 const BuyerTabSystem = () => {
-  const [option, setOption] = useState(true);
   return (
     <Wrapper>
-      <SidebarOptions option={option} setOption={setOption} />
-      <BuyerContent option={option} />
+      <SidebarOptions  />
+         <Routes>
+                <Route index element={<Navigate to="price" replace />} />
+                <Route path="price" element={<SellerPrice />} />
+              </Routes>
     </Wrapper>
   );
 };

src/pages/Feature/Tabs/BuyFromSystem/BuyerTab.jsx

@@ -1,6 +1,7 @@
 import styled from "styled-components";
 import { getFieldTranslationByNames } from "../../../../services/Utility";
-
+import { Label } from "../../../../components/sidbar";
+import { NavLink } from "react-router-dom";
 const Wrapper = styled.div`
   max-width: 171px !important;
   background-color: ${(props) =>
@@ -10,29 +11,15 @@ const Wrapper = styled.div`
   margin-top: 20px;
 `;
 
-const Option = styled.h2`
-  font-weight: 500;
-  font-size: 18px;
-  padding: 10px 20px;
-  white-space: nowrap;
-  cursor: pointer;
-  color: ${(props) =>
-    props.option
-      ? props.theme.colors.primary
-      : props.theme.colors.newColors.shades.title};
-  border-right: ${(props) =>
-    props.option
-      ? `2px solid ${(props) =>
-          props.theme.colors.newColors.otherColors.inputBorder}`
-      : "2px solid transparent"};
-`;
-
-const SidebarOptions = ({ option, setOption }) => {
+const SidebarOptions = () => {
   return (
     <Wrapper>
-      <Option option={option === true} onClick={() => setOption(true)}>
+      <NavLink to="price" replace end> 
+        {({isActive})=>(  <Label menu={isActive}>
         {getFieldTranslationByNames("524")}
-      </Option>
+      </Label>)}
+       </NavLink>
+   
     </Wrapper>
   );
 };

src/pages/Feature/Tabs/BuyFromSystem/SidebarOptions.jsx

@@ -84,7 +84,7 @@ const Buttons = ({ user }) => {
       icon: <MdOutlineMailOutline />,
       label: getFieldTranslationByNames("469"),
       onClick: () =>
-        Navigate("/metaverse/sanad", {
+        Navigate("/metaverse/Documents", {
           state: { code: user?.code, user: user?.id },
         }),
     },

src/pages/Search/Tabs/citizen-tab/Buttons.jsx

@@ -9,7 +9,7 @@ const isId = (seg) => /^\d+$/.test(seg);
 const isDynamicSegment = (seg) => /^packet-/.test(seg);
 
 const pageTranslations = {
-  sanad: "1315",
+  Documents: "1315",
   profile: "243",
   settings: "642",
   store: "30",