fix: rewrap pagination item (#36)

gravity-ui · Apr 24, 2023 · a3a56b2 · a3a56b2
1 parent ff2c014
commit a3a56b2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/src/components/Paginator/Paginator.scss b/src/components/Paginator/Paginator.scss
@@ -15,6 +15,8 @@ $itemDimensions: 44px;
 
     &__link {
         text-decoration: none;
+        pointer-events: none;
+        color: var(--yc-color-text-primary);
     }
 
     &__item {

diff --git a/src/components/Paginator/components/PaginatorItem.tsx b/src/components/Paginator/components/PaginatorItem.tsx
@@ -26,20 +26,20 @@ export const PaginatorItem = ({
     const navigationLink = `${urlPath || ''}?${navTag}`;
 
     return (
-        <a
-            href={navigationLink}
-            className={b('link', mods)}
-            onClick={(event) => event.preventDefault()}
+        <Button
+            view="flat"
+            size="xl"
+            className={b('item', mods)}
+            onClick={() => onClick?.(itemKey)}
+            loading={loading && Boolean(mods.active)}
         >
-            <Button
-                view="flat"
-                size="xl"
-                className={b('item', mods)}
-                onClick={() => onClick?.(itemKey)}
-                loading={loading && Boolean(mods.active)}
+            <a
+                href={navigationLink}
+                className={b('link')}
+                onClick={(event) => event.preventDefault()}
             >
                 {content}
-            </Button>
-        </a>
+            </a>
+        </Button>
     );
 };