added lab sorting

src/components/lab/LabHead/index.tsx

@@ -1,6 +1,8 @@
 import React, { FC } from 'react';
 
 import { LabHeadItem } from '~/components/lab/LabHeadItem';
+import { LabNodesSort } from '~/types/lab';
+import { useLabContext } from '~/utils/context/LabContextProvider';
 
 import styles from './styles.module.scss';
 
@@ -9,20 +11,28 @@ interface IProps {
 }
 
 const LabHead: FC<IProps> = ({ isLoading }) => {
+  const { sort, setSort } = useLabContext();
+
   return (
     <div className={styles.wrap}>
       <div className={styles.group}>
-        <LabHeadItem icon="recent" active isLoading={isLoading}>
+        <LabHeadItem
+          icon="recent"
+          active={sort === LabNodesSort.New}
+          isLoading={isLoading}
+          onClick={() => setSort(LabNodesSort.New)}
+        >
           Свежие
         </LabHeadItem>
 
-        <LabHeadItem icon="hot" isLoading={isLoading}>
+        <LabHeadItem
+          icon="hot"
+          active={sort === LabNodesSort.Hot}
+          isLoading={isLoading}
+          onClick={() => setSort(LabNodesSort.Hot)}
+        >
           Популярные
         </LabHeadItem>
-
-        <LabHeadItem icon="star_full" isLoading={isLoading}>
-          Важные
-        </LabHeadItem>
       </div>
     </div>
   );