made better tabs (with context)

src/containers/profile/ProfileTabs/index.tsx

@@ -1,9 +1,7 @@
 import React, { FC, useCallback } from 'react';
 import styles from './styles.module.scss';
-import classNames from 'classnames';
 import { IAuthState } from '~/redux/auth/types';
 import { Tabs } from '~/components/dialogs/Tabs';
-import { Tab } from '~/components/dialogs/Tab';
 
 interface IProps {
   tab: string;
@@ -12,30 +10,11 @@ interface IProps {
 }
 
 const ProfileTabs: FC<IProps> = ({ tab, is_own, setTab }) => {
-  const changeTab = useCallback(
-    (tab: IAuthState['profile']['tab']) => () => {
-      if (!setTab) return;
-      setTab(tab);
-    },
-    [setTab]
-  );
+  const items = ['Профиль', 'Сообщения', ...(is_own ? ['Настройки'] : [])];
 
   return (
     <div className={styles.wrap}>
-      <Tabs>
-        <Tab active={tab === 'profile'} onClick={changeTab('profile')}>
-          Профиль
-        </Tab>
-
-        <Tab active={tab === 'messages'} onClick={changeTab('messages')}>
-          Сообщения
-        </Tab>
-        {is_own && (
-          <Tab active={tab === 'settings'} onClick={changeTab('settings')}>
-            Настройки
-          </Tab>
-        )}
-      </Tabs>
+      <Tabs.List items={items} />
     </div>
   );
 };