diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/organisms/posts-list/posts-list.tsx | 6 | ||||
| -rw-r--r-- | src/components/templates/layout/layout.tsx | 11 |
2 files changed, 15 insertions, 2 deletions
diff --git a/src/components/organisms/posts-list/posts-list.tsx b/src/components/organisms/posts-list/posts-list.tsx index ad5bed5..91b2e0d 100644 --- a/src/components/organisms/posts-list/posts-list.tsx +++ b/src/components/organisms/posts-list/posts-list.tsx @@ -222,7 +222,8 @@ const PostsListWithRef: ForwardRefRenderFunction< {total ? ( <ProgressBar aria-label={progressInfo} - className={styles.progress} + // eslint-disable-next-line react/jsx-no-literals + className={`${styles.progress} js-only`} current={posts.length} isCentered isLoading={isLoading} @@ -232,7 +233,8 @@ const PostsListWithRef: ForwardRefRenderFunction< ) : null} {onLoadMore && (!total || (total && posts.length < total)) ? ( <Button - className={styles.btn} + // eslint-disable-next-line react/jsx-no-literals + className={`${styles.btn} js-only`} isLoading={isLoading} // eslint-disable-next-line react/jsx-no-literals kind="tertiary" diff --git a/src/components/templates/layout/layout.tsx b/src/components/templates/layout/layout.tsx index 16c9180..19cefce 100644 --- a/src/components/templates/layout/layout.tsx +++ b/src/components/templates/layout/layout.tsx @@ -1,3 +1,4 @@ +import Head from 'next/head'; import { useRef, type FC, @@ -53,6 +54,16 @@ export const Layout: FC<LayoutProps> = ({ children, isHome }) => { return ( <> + <Head> + <noscript> + <style> + {/* eslint-disable-next-line react/jsx-no-literals */} + {`.js-only { + display: none !important; + }`} + </style> + </noscript> + </Head> <span id={topId} ref={topRef} tabIndex={-1} /> <noscript> <div className={styles['noscript-spacing']} /> |