81100 fix props types and argument types

packages/app/src/components/SearchPage/SearchResultList.tsx

@@ -14,9 +14,9 @@ export type ISearchedPage = IPageHasId & {
 
 type Props = {
   pages: ISearchedPage[],
-  selectedPages: Set<ISearchedPage>
+  selectedPagesIdList: Set<string>
   onClickInvoked?: (pageId: string) => void,
-  onChangedInvoked?: (page: ISearchedPage) => void,
+  onChangedInvoked?: (page: string) => void,
   searchResultCount?: number,
   activePage?: number,
   pagingLimit?: number,
@@ -25,13 +25,13 @@ type Props = {
 }
 
 const SearchResultList: FC<Props> = (props:Props) => {
-  const { focusedPage, selectedPages } = props;
+  const { focusedPage, selectedPagesIdList } = props;
   const focusedPageId = focusedPage != null && focusedPage._id != null ? focusedPage._id : '';
 
   return (
     <>
       {Array.isArray(props.pages) && props.pages.map((page) => {
-        const isChecked = selectedPages.has(page);
+        const isChecked = selectedPagesIdList.has(page._id);
         return (
           <SearchResultListItem
             key={page._id}

packages/app/src/components/SearchPage/SearchResultListItem.tsx

@@ -70,7 +70,7 @@ type Props = {
   page: ISearchedPage,
   isSelected: boolean,
   isChecked: boolean,
-  onClickCheckboxInvoked?: (page: ISearchedPage) => void,
+  onClickCheckboxInvoked?: (page: string) => void,
   onClickInvoked?: (pageId: string) => void,
 }
 
@@ -106,7 +106,7 @@ const SearchResultListItem: FC<Props> = (props:Props) => {
               id="flexCheckDefault"
               onClick={() => {
                 if (onClickCheckboxInvoked != null) {
-                  onClickCheckboxInvoked(page);
+                  onClickCheckboxInvoked(page._id);
                 }
               }}
               checked={isChecked}