{lib.metadata.stars ? (
diff --git a/src/components/Library/Library.scss b/src/components/Library/Library.scss
index 7a25c1e01a65..5d51bad5c6a1 100644
--- a/src/components/Library/Library.scss
+++ b/src/components/Library/Library.scss
@@ -1,4 +1,5 @@
@use '~@gravity-ui/page-constructor/styles/variables.scss' as pcVariables;
+@use '~@gravity-ui/page-constructor/styles/styles.scss' as pcStyles;
@use '../../variables.scss';
$block: '.#{variables.$ns}library';
@@ -54,16 +55,13 @@ $block: '.#{variables.$ns}library';
}
}
- &__breadcrumbs-item {
+ &__breadcrumbs-title {
+ @include pcStyles.text-size(caption-3);
color: #fff;
}
&__title {
margin: 0 0 8px;
- font-size: 32px;
- line-height: 40px;
- font-weight: 600;
- color: #fff;
@media (max-width: map-get(pcVariables.$gridBreakpoints, 'lg') - 1) {
font-size: 28px;
@@ -71,6 +69,11 @@ $block: '.#{variables.$ns}library';
}
}
+ &__title-content {
+ @include pcStyles.heading2();
+ color: #fff;
+ }
+
&__description {
font-size: 17px;
line-height: 24px;
diff --git a/src/components/Library/Library.tsx b/src/components/Library/Library.tsx
index 18660a6ad6c8..b82d6684d168 100644
--- a/src/components/Library/Library.tsx
+++ b/src/components/Library/Library.tsx
@@ -1,4 +1,4 @@
-import {Col, Grid, HTML, Row} from '@gravity-ui/page-constructor';
+import {Col, Grid, Row, YFMWrapper} from '@gravity-ui/page-constructor';
import {Button, Icon, Tab, TabList, TabProvider} from '@gravity-ui/uikit';
import {useTranslation} from 'next-i18next';
import React from 'react';
@@ -140,11 +140,20 @@ export const Library: React.FC
= ({lib}) => {
{t('library:libraries')}
{' '}
- / {lib.config.title}
+ /{' '}
+
diff --git a/src/components/LibraryPreview/LibraryPreview.tsx b/src/components/LibraryPreview/LibraryPreview.tsx
index 9c3dd51c914e..6faccc032f08 100644
--- a/src/components/LibraryPreview/LibraryPreview.tsx
+++ b/src/components/LibraryPreview/LibraryPreview.tsx
@@ -1,4 +1,4 @@
-import {HTML} from '@gravity-ui/page-constructor';
+import {YFMWrapper} from '@gravity-ui/page-constructor';
import {Icon} from '@gravity-ui/uikit';
import React from 'react';
@@ -24,7 +24,10 @@ export const LibraryPreview = ({lib}: LibraryPreviewProps) => {
GravityUI
- {lib.config.title}
+
diff --git a/src/components/Menu/LocalePicker/LocalePicker.tsx b/src/components/Menu/LocalePicker/LocalePicker.tsx
index ff886877b413..4160297ac58b 100644
--- a/src/components/Menu/LocalePicker/LocalePicker.tsx
+++ b/src/components/Menu/LocalePicker/LocalePicker.tsx
@@ -26,6 +26,9 @@ export const LocalePicker: React.FC = () => {
const appLocale = useLocale();
+ // Check if we're on a blog page - blog is only available for en and ru
+ const isBlogPage = router.asPath.includes('/blog');
+
const renderOption = React.useCallback((option: SelectOption
) => {
const locale = option.value;
const localeUpperCase = option.value.toUpperCase();
@@ -43,13 +46,23 @@ export const LocalePicker: React.FC = () => {
return null;
}
+ // Filter locales for blog pages - only en and ru are available
+ const availableLocales = React.useMemo(() => {
+ if (isBlogPage) {
+ return i18nextConfig.i18n.locales.filter(
+ (locale) => locale === 'en' || locale === 'ru',
+ );
+ }
+ return i18nextConfig.i18n.locales;
+ }, [isBlogPage]);
+
return (