Fix subscription banner placement on blog page (#557)

reportportal · Oct 28, 2024 · e9dde3d · e9dde3d
1 parent 2b6a154
commit e9dde3d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx
@@ -28,7 +28,7 @@ const TRUSTED_DOMAINS = [
 // pass it only to GatsbyLink
 export const Link: FC<LinkProps> = ({
   children,
-  to,
+  to = '',
   activeClassName,
   partiallyActive,
   ...other

diff --git a/src/containers/BlogPage/BlogPage.scss b/src/containers/BlogPage/BlogPage.scss
@@ -5,12 +5,17 @@
   position: relative;
   z-index: 20;
   margin-top: calc(-1 * var(--header-height));
+  margin-bottom: 60px;
   padding: calc(72px + var(--header-height)) 16px 180px;
   background-image: url('./icons/background_blog-page.svg');
   background-position: center 0;
   background-repeat: no-repeat;
   color: var(--white);
 
+  @include m.breakpoint(v.$tablet-sm-exact) {
+    margin-bottom: 0;
+  }
+
   @include m.breakpoint(v.$desktop-md) {
     background-size: cover;
   }
@@ -74,8 +79,4 @@
     justify-content: center;
     padding: calc(6 * var(--base-spacing)) 0 0;
   }
-
-  .subscription-banner {
-    margin-top: 180px;
-  }
 }
diff --git a/src/hooks/useAnimationEnabledForSiblingRoutes.ts b/src/hooks/useAnimationEnabledForSiblingRoutes.ts
@@ -5,7 +5,7 @@ export const useAnimationEnabledForSiblingRoutes = () => {
   const { pathname } = useLocation();
 
   if (typeof window === 'undefined') {
-    return false;
+    return true;
   }
 
   return !isSameParentRoute(pathname, window.prevLocation?.pathname);