clean code

apps/app/src/components/PageControls/PageControls.tsx

@@ -112,7 +112,6 @@ type PageControlsSubstanceProps = CommonProps & {
   pageInfo: IPageInfoForOperation,
   expandContentWidth?: boolean,
   onClickEditTagsButton: () => void,
-  isCollapse?: boolean,
 }
 
 const PageControlsSubstance = (props: PageControlsSubstanceProps): JSX.Element => {
@@ -121,7 +120,6 @@ const PageControlsSubstance = (props: PageControlsSubstanceProps): JSX.Element =
     pageId, revisionId, path, shareLinkId, expandContentWidth,
     disableSeenUserInfoPopover, showPageControlDropdown, forceHideMenuItems, additionalMenuItemRenderer,
     onClickEditTagsButton, onClickDuplicateMenuItem, onClickRenameMenuItem, onClickDeleteMenuItem, onClickSwitchContentWidth,
-    isCollapse,
   } = props;
 
   const { data: isGuestUser } = useIsGuestUser();
@@ -252,7 +250,6 @@ const PageControlsSubstance = (props: PageControlsSubstanceProps): JSX.Element =
   ];
 
   const isViewMode = editorMode === EditorMode.View;
-  const isDeviceIsSp = isDeviceLargerThanMd || !isCollapse;
 
   return (
     <div className={`grw-page-controls ${styles['grw-page-controls']} d-flex`} style={{ gap: '2px' }}>
@@ -264,13 +261,13 @@ const PageControlsSubstance = (props: PageControlsSubstanceProps): JSX.Element =
           onClickEditTagsButton={onClickEditTagsButton}
         />
       )}
-      { isDeviceIsSp && revisionId != null && (
+      { revisionId != null && (
         <SubscribeButton
           status={pageInfo.subscriptionStatus}
           onClick={subscribeClickhandler}
         />
       )}
-      {isDeviceIsSp && revisionId != null && (
+      { revisionId != null && (
         <LikeButtons
           onLikeClicked={likeClickhandler}
           sumOfLikers={sumOfLikers}
@@ -278,14 +275,14 @@ const PageControlsSubstance = (props: PageControlsSubstanceProps): JSX.Element =
           likers={likers}
         />
       )}
-      {isDeviceIsSp && revisionId != null && (
+      { revisionId != null && (
         <BookmarkButtons
           pageId={pageId}
           isBookmarked={pageInfo.isBookmarked}
           bookmarkCount={pageInfo.bookmarkCount}
         />
       )}
-      {isDeviceIsSp && revisionId != null && (
+      { revisionId != null && (
         <SeenUserInfo
           seenUsers={seenUsers}
           sumOfSeenUsers={sumOfSeenUsers}

apps/app/src/pages/[[...path]].page.tsx

@@ -19,7 +19,6 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
-import Sticky from 'react-stickynode';
 import superjson from 'superjson';
 
 import { useEditorModeClassName } from '~/client/services/layout';
@@ -329,9 +328,10 @@ const Page: NextPageWithLayout<Props> = (props: Props) => {
         <title>{title}</title>
       </Head>
       <div className="dynamic-layout-root justify-content-between">
-        <div className="sticky-top">
+        <nav className="sticky-top">
           <GrowiContextualSubNavigation isLinkSharingDisabled={props.disableLinkSharing} />
-        </div>
+        </nav>
+
         <DisplaySwitcher
           pageView={(
             <PageView

apps/app/src/pages/share/[[...path]].page.tsx

@@ -6,7 +6,6 @@ import type {
 } from 'next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import Head from 'next/head';
-import Sticky from 'react-stickynode';
 import superjson from 'superjson';
 
 import { ShareLinkLayout } from '~/components/Layout/ShareLinkLayout';
@@ -121,13 +120,9 @@ const SharedPage: NextPageWithLayout<Props> = (props: Props) => {
       </Head>
 
       <div className="dynamic-layout-root justify-content-between">
-
-        <div className="sticky-top">
-          <GrowiContextualSubNavigationForSharedPage
-            page={currentPage ?? props.shareLinkRelatedPage}
-            isLinkSharingDisabled={props.disableLinkSharing}
-          />
-        </div>
+        <nav className="sticky-top">
+          <GrowiContextualSubNavigationForSharedPage page={currentPage ?? props.shareLinkRelatedPage} isLinkSharingDisabled={props.disableLinkSharing} />
+        </nav>
 
         <div id="grw-fav-sticky-trigger" className="sticky-top"></div>