hide block on rtl

gravity-ui · May 23, 2024 · ed4869c · ed4869c
1 parent 90103bd
commit ed4869c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/blocks/GithubStarsBlock/GithubStarsBlock.scss b/src/blocks/GithubStarsBlock/GithubStarsBlock.scss
@@ -26,9 +26,6 @@ $block: '.#{variables.$ns}github-stars-promotion';
         animation-delay: 500ms;
     }
 
-    @media (max-width: map-get(pcVariables.$gridBreakpoints, 'sm') - 1) {
-    }
-
     &__wrapper {
         display: flex;
         justify-content: flex-end;

diff --git a/src/blocks/GithubStarsBlock/GithubStarsBlock.tsx b/src/blocks/GithubStarsBlock/GithubStarsBlock.tsx
@@ -2,6 +2,7 @@ import {Star} from '@gravity-ui/icons';
 import {Animatable, HTML} from '@gravity-ui/page-constructor';
 import {Button, Icon, Text} from '@gravity-ui/uikit';
 import {useTranslation} from 'next-i18next';
+import {useRouter} from 'next/router';
 import React, {useEffect, useState} from 'react';
 import {GITHUB_UI_KIT_URL} from 'src/constants';
 
@@ -23,6 +24,7 @@ export type GithubStarsModel = GithubStarsBlockProps & {
 
 export const GithubStarsBlock: React.FC<GithubStarsBlockProps> = ({device}) => {
     const {t} = useTranslation();
+    const {pathname} = useRouter();
     const [hide, setHide] = useState<boolean>(true);
 
     useEffect(() => {
@@ -33,6 +35,10 @@ export const GithubStarsBlock: React.FC<GithubStarsBlockProps> = ({device}) => {
         localStorage.setItem(LOCAL_STORAGE_KEY, 'true');
     };
 
+    if (pathname !== '/') {
+        return null;
+    }
+
     return (
         <div className={b('wrapper')} data-hide={hide} data-device={device}>
             <a className={b()} href={GITHUB_UI_KIT_URL} target="_blank" onClick={hideBlock}>