Merge branch 'feat/77525-80785-implement-select-all-checkbox' into feat/77525-81100-check-if-selected-pages-has-page

# Conflicts:
#	packages/app/src/components/SearchPage.jsx

packages/app/src/components/SearchPage.jsx

@@ -241,7 +241,7 @@ class SearchPage extends React.Component {
         onExcludeTrash={this.onExcludeTrash}
         onClickSelectAllCheckbox={this.toggleAllCheckBox}
         selectedPagesCount={this.state.selectedPagesIdList.size}
-        searchedPagesCount={this.state.searchedPages.length}
+        displayPageCount={this.state.searchedPages.length}
       >
       </SearchControl>
     );

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

@@ -4,7 +4,7 @@ import { CheckboxType } from '../../interfaces/search';
 
 type Props = {
   selectedPagesCount: number,
-  searchedPagesCount: number,
+  displayPageCount: number,
   onClickInvoked?: () => void,
   onClickSelectAllCheckbox?: () => void,
 }
@@ -12,20 +12,19 @@ type Props = {
 const DeleteSelectedPageGroup:FC<Props> = (props:Props) => {
   const { t } = useTranslation();
   const {
-    onClickInvoked, onClickSelectAllCheckbox, selectedPagesCount, searchedPagesCount,
+    onClickInvoked, onClickSelectAllCheckbox, selectedPagesCount, displayPageCount,
   } = props;
 
   const checkboxType = useMemo(() => {
     switch (selectedPagesCount) {
       case 0:
         return CheckboxType.NONE_CHECKED;
-      case searchedPagesCount:
+      case displayPageCount:
         return CheckboxType.ALL_CHECKED;
       default:
         return CheckboxType.INDETERMINATE;
     }
-  }, [selectedPagesCount, searchedPagesCount]);
-
+  }, [selectedPagesCount, displayPageCount]);
 
   return (
     <>
@@ -47,7 +46,7 @@ const DeleteSelectedPageGroup:FC<Props> = (props:Props) => {
         type="button"
         className="btn text-danger font-weight-light p-0 ml-3"
         onClick={() => {
-          if (onClickInvoked == null) {
+          if (onClickInvoked != null) {
             onClickInvoked();
           }
         }}

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

@@ -8,7 +8,7 @@ type Props = {
   searchingKeyword: string,
   appContainer: AppContainer,
   selectedPagesCount: number,
-  searchedPagesCount: number,
+  displayPageCount: number,
   onSearchInvoked: (data : any[]) => boolean,
   onExcludeUsersHome?: () => void,
   onExcludeTrash?: () => void,
@@ -55,7 +55,7 @@ const SearchControl: FC <Props> = (props: Props) => {
           onClickInvoked={onDeleteSelectedPageHandler}
           onClickSelectAllCheckbox={props.onClickSelectAllCheckbox}
           selectedPagesCount={props.selectedPagesCount}
-          searchedPagesCount={props.searchedPagesCount}
+          displayPageCount={props.displayPageCount}
         />
         <div className="d-flex align-items-center border rounded border-gray px-2 py-1 mr-2 ml-auto">
           <label className="my-0 mr-2" htmlFor="flexCheckDefault">