muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added boris tabs

Browse source
This commit is contained in:
Fedor Katurov 2021-12-26 11:35:07 +07:00
parent da510e346a
commit 832386d39a
3 changed files with 33 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/dialogs/Tabs/index.tsx
View file

@ -1,4 +1,4 @@
import React, { createContext, FC, VFC, useContext, useState } from 'react';
import React, { createContext, FC, VFC, useContext, useState, useMemo } from 'react';
import styles from './styles.module.scss';
import classNames from 'classnames';
@ -31,12 +31,19 @@ const List: VFC<TabProps> = ({ items }) => {
const Content: FC<any> = ({ children }) => {
const { activeTab } = useContext(TabContext);
const notEmptyChildren = useMemo(() => {
if (!Array.isArray(children)) {
return [children];
}
if (!Array.isArray(children) && activeTab > 0) {
return null;
return children.filter(it => it);
}, [children]);
if (Array.isArray(notEmptyChildren) && notEmptyChildren.length - 1 < activeTab) {
return notEmptyChildren[notEmptyChildren.length - 1];
}
return Array.isArray(children) ? children[activeTab] : children;
return notEmptyChildren[activeTab];
};
const Tabs = function({ children }) {