diff --git a/src/components/boris/BorisUIDemo/index.tsx b/src/components/boris/BorisUIDemo/index.tsx
index bba0c86a..4a958272 100644
--- a/src/components/boris/BorisUIDemo/index.tsx
+++ b/src/components/boris/BorisUIDemo/index.tsx
@@ -4,6 +4,7 @@ import styles from './styles.module.scss';
import markdown from '~/styles/common/markdown.module.scss';
import { Group } from '~/components/containers/Group';
import { Button } from '~/components/input/Button';
+import { InputText } from '~/components/input/InputText';
interface IProps {}
@@ -16,6 +17,14 @@ const BorisUIDemo: FC = () => (
разработке
+ Инпуты
+
+
+
Кнопки
Цвета
diff --git a/src/components/dialogs/Tabs/index.tsx b/src/components/dialogs/Tabs/index.tsx
index 80c7e0d2..82556052 100644
--- a/src/components/dialogs/Tabs/index.tsx
+++ b/src/components/dialogs/Tabs/index.tsx
@@ -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 = ({ items }) => {
const Content: FC = ({ 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 }) {
diff --git a/src/layouts/BorisLayout/index.tsx b/src/layouts/BorisLayout/index.tsx
index cb4df796..83456a9d 100644
--- a/src/layouts/BorisLayout/index.tsx
+++ b/src/layouts/BorisLayout/index.tsx
@@ -12,6 +12,7 @@ import { useUserContext } from '~/utils/context/UserContextProvider';
import { BorisUsageStats } from '~/redux/boris/reducer';
import { Tabs } from '~/components/dialogs/Tabs';
import { Superpower } from '~/components/boris/Superpower';
+import { BorisUIDemo } from '~/components/boris/BorisUIDemo';
type IProps = {
title: string;
@@ -38,7 +39,18 @@ const BorisLayout: FC = ({ title, setIsBetaTester, isTester, stats }) =>
-
+
+
+
+
+
+
+
+
+
+
+
+