imprv props name

apps/app/src/components/Sidebar/PageTree/PageTree.tsx

@@ -16,7 +16,7 @@ const PageTreeContent = dynamic(
 export const PageTree = (): JSX.Element => {
   const { t } = useTranslation();
 
-  const [isShownWipPage, setIsShownWipPage] = useState(true);
+  const [isWipPageShown, setIsWipPageShown] = useState(true);
 
   return (
     <div className="px-3">
@@ -24,8 +24,8 @@ export const PageTree = (): JSX.Element => {
         <h3 className="mb-0">{t('Page Tree')}</h3>
         <Suspense>
           <PageTreeHeader
-            isShownWipPage={isShownWipPage}
-            onClickWipPageVisibilityItem={() => { setIsShownWipPage(!isShownWipPage) }}
+            isWipPageShown={isWipPageShown}
+            onClickWipPageVisibilitySwitch={() => { setIsWipPageShown(!isWipPageShown) }}
           />
         </Suspense>
       </div>

apps/app/src/components/Sidebar/PageTree/PageTreeSubstance.tsx

@@ -16,13 +16,13 @@ import { SidebarHeaderReloadButton } from '../SidebarHeaderReloadButton';
 import { PrivateLegacyPagesLink } from './PrivateLegacyPagesLink';
 
 type PageTreeHeaderProps = {
-  isShownWipPage: boolean,
-  onClickWipPageVisibilityItem: () => void
+  isWipPageShown: boolean,
+  onClickWipPageVisibilitySwitch: () => void
 }
 
 export const PageTreeHeader = memo((props: PageTreeHeaderProps) => {
   const { t } = useTranslation();
-  const { isShownWipPage, onClickWipPageVisibilityItem } = props;
+  const { isWipPageShown, onClickWipPageVisibilitySwitch } = props;
 
   const { mutate: mutateRootPage } = useSWRxRootPage({ suspense: true });
   useSWRxV5MigrationStatus({ suspense: true });
@@ -42,13 +42,14 @@ export const PageTreeHeader = memo((props: PageTreeHeaderProps) => {
         </DropdownToggle>
 
         <DropdownMenu container="body">
-          <DropdownItem onClick={onClickWipPageVisibilityItem} className="mt-2">
+          <DropdownItem onClick={onClickWipPageVisibilitySwitch} className="mt-2">
             <div className="form-check form-switch">
               <input
                 id="switchWipPageVisibility"
                 className="form-check-input"
                 type="checkbox"
-                checked={isShownWipPage}
+                checked={isWipPageShown}
+                onChange={() => {}}
               />
               <label className="form-label form-check-label text-muted" htmlFor="switchWipPageVisibility">
                 {t('page_tree_header.show_wip_page')}