From c4c98b91cbafe4256c96bc32d7cc54aa80b7eecc Mon Sep 17 00:00:00 2001 From: Victoria Zhizhonkova Date: Thu, 19 Dec 2024 21:15:54 +0700 Subject: [PATCH] fix: review notes --- .../src/contexts/color-scheme/index.tsx | 6 +----- website/pages/overview/_meta.tsx | 7 ++++++- website/pages/overview/advanced/index.mdx | 1 + .../pages/overview/{modes.mdx => setup-modes.mdx} | 12 +++++++----- website/theme.config.tsx | 2 +- 5 files changed, 16 insertions(+), 12 deletions(-) create mode 100644 website/pages/overview/advanced/index.mdx rename website/pages/overview/{modes.mdx => setup-modes.mdx} (72%) diff --git a/packages/vkui-docs-theme/src/contexts/color-scheme/index.tsx b/packages/vkui-docs-theme/src/contexts/color-scheme/index.tsx index 6c9e3cb324..ab78b0f6f3 100644 --- a/packages/vkui-docs-theme/src/contexts/color-scheme/index.tsx +++ b/packages/vkui-docs-theme/src/contexts/color-scheme/index.tsx @@ -34,11 +34,7 @@ export const ColorSchemeProvider = ({ const newColorScheme = typeof value === 'function' ? value(colorScheme) : value; setColorScheme(newColorScheme); - try { - localStorage.setItem(storageKey, newColorScheme); - } catch (e) { - // Unsupported - } + localStorage.setItem(storageKey, newColorScheme); }, [colorScheme], ); diff --git a/website/pages/overview/_meta.tsx b/website/pages/overview/_meta.tsx index 96d4328b4d..ed994de569 100644 --- a/website/pages/overview/_meta.tsx +++ b/website/pages/overview/_meta.tsx @@ -5,6 +5,7 @@ import { Icon20LogoVkOutline, Icon20PlaneOutline, Icon20Rectangle2HorizontalOutline, + Icon20SparkleOutline, Icon20Square4PlusOutline, } from '@vkontakte/icons'; @@ -17,7 +18,7 @@ export default { title: 'Быстрый старт', icon: Icon20PlaneOutline, }, - 'modes': { + 'setup-modes': { title: 'Режимы подключения', icon: Icon20AddSquareOutline, }, @@ -37,4 +38,8 @@ export default { title: 'Интерграции', icon: Icon20Square4PlusOutline, }, + 'advanced': { + title: 'Advanced', + icon: Icon20SparkleOutline, + }, }; diff --git a/website/pages/overview/advanced/index.mdx b/website/pages/overview/advanced/index.mdx new file mode 100644 index 0000000000..a22c78829e --- /dev/null +++ b/website/pages/overview/advanced/index.mdx @@ -0,0 +1 @@ +# No content diff --git a/website/pages/overview/modes.mdx b/website/pages/overview/setup-modes.mdx similarity index 72% rename from website/pages/overview/modes.mdx rename to website/pages/overview/setup-modes.mdx index e294997c2b..270175a3a5 100644 --- a/website/pages/overview/modes.mdx +++ b/website/pages/overview/setup-modes.mdx @@ -5,16 +5,18 @@ -- **Full** — ваше приложение полностью реализовано с помощью данной библиотеки и контролируется VKUI. -- **Embedded** — ваше приложение будет реализовано в виде блока, встроенного в основное приложение (например, Марусю или базовое приложение ВКонтакте). -- **Partial** — ваше приложение реализовано с помощью сторонних решений и использует некоторые компоненты библиотеки VKUI. +В зависимости от выбранного режима подключения вам будут доступны или не доступны некоторые возможности VKUI. + +- **full** — ваше приложение полностью реализовано с помощью библиотеки VKUI и контролируется ей. +- **embedded** — ваше приложение будет реализовано в виде блока, встроенного в основное приложение (например, Марусю или базовое приложение ВКонтакте). +- **partial** — ваше приложение реализовано с помощью сторонних решений и использует некоторые компоненты библиотеки VKUI. Режим выставляется в компоненте [`AppRoot`](#/AppRoot) с помощью свойства `mode`. Любое приложение должно быть обёрнуто в этот компонент. ## Full Данный режим позволяет VKUI полностью контролировать страницы вашего приложения. -В этом случае root-элемент должен находиться непосредственно внутри ``. VKUI добавит свои классы на html-элемент и на корневой контейнер. +В этом случае root-элемент (корневой компонент) должен находиться непосредственно внутри ``. VKUI добавит свои классы на html-элемент и на корневой контейнер. Режим `full` включен по умолчанию. Рекомендуем использовать его для standalone-проектов или при [интеграции с платформой VK Mini Apps](#/integrations-vk-mini-apps). @@ -30,7 +32,7 @@ ## Embedded Данный режим позволяет вам подключить VKUI не на всю страницу приложения, а только к определенному контейнеру. -Как и с full режимом, VKUI добавит свои классы в корневой контейнер. +Как и с full режимом, VKUI добавит свои классы на корневой контейнер. ## Partial diff --git a/website/theme.config.tsx b/website/theme.config.tsx index 0ebe247365..ceafb07dde 100644 --- a/website/theme.config.tsx +++ b/website/theme.config.tsx @@ -26,7 +26,7 @@ const config: DocsThemeConfig = { versions: Versions, }, project: { - link: 'https://vkcom.github.io/vkui-tokens/', + link: 'https://github.com/VKCOM/VKUI/', }, };