employees table

src/pages/PartnerСategories/PartnerСategories.jsx

@@ -46,6 +46,7 @@ export const PartnerCategories = () => {
   const theme = useTheme(getTheme());
   const [nodes, setNodes] = useState([]);
   const [initialNodes, setInitialNodes] = useState([]);
+  const [activeTab, setActiveTab] = useState('Все')
 
   const [search, setSearch] = useState("");
 
@@ -308,10 +309,20 @@ export const PartnerCategories = () => {
                   />
                 </label>
                 <div className="table__tabs">
-                  <div className="table__tab">Все</div>
+                  <div onClick={() => {
+                    setActiveTab('Все')
+                    setNodes(initialNodes)
+                  }} className={activeTab === 'Все' ? 'table__tab table__tab--active' : 'table__tab'}>Все</div>
                   {tabs.map((tab) => {
                     return (
-                      <div className="table__tab" key={tab.value}>
+                      <div onClick={() => {
+                        setActiveTab(tab.name)
+                        setNodes(
+                          initialNodes.filter((item) =>
+                            item.resume.userCard.position_id === tab.value
+                          )
+                        );
+                      }} className={activeTab === tab.name ? 'table__tab table__tab--active' : 'table__tab'} key={tab.value}>
                         {tab.name}
                       </div>
                     );