Allow styles to be passed to SearchPageBase

apps/app/src/components/SearchPage.tsx

@@ -270,17 +270,16 @@ export const SearchPage = (): JSX.Element => {
   }, [conditions, data, pagingNumberChangedHandler]);
 
   return (
-    <div className={`${styles['search-page']}`}>
-      <SearchPageBase
-        ref={searchPageBaseRef}
-        pages={data?.data}
-        searchingKeyword={keyword}
-        onSelectedPagesByCheckboxesChanged={selectedPagesByCheckboxesChangedHandler}
-        // Components
-        searchControl={searchControl}
-        searchResultListHead={searchResultListHead}
-        searchPager={searchPager}
-      />
-    </div>
+    <SearchPageBase
+      className={styles['search-page']}
+      ref={searchPageBaseRef}
+      pages={data?.data}
+      searchingKeyword={keyword}
+      onSelectedPagesByCheckboxesChanged={selectedPagesByCheckboxesChangedHandler}
+      // Components
+      searchControl={searchControl}
+      searchResultListHead={searchResultListHead}
+      searchPager={searchPager}
+    />
   );
 };

apps/app/src/components/SearchPage/SearchPageBase.tsx

@@ -35,6 +35,7 @@ export interface IReturnSelectedPageIds {
 
 
 type Props = {
+  className?: string,
   pages?: IPageWithSearchMeta[],
   searchingKeyword?: string,
 
@@ -54,6 +55,7 @@ const SearchResultContent = dynamic(() => import('./SearchResultContent').then(m
 const SearchPageBaseSubstance: ForwardRefRenderFunction<ISelectableAll & IReturnSelectedPageIds, Props> = (props:Props, ref) => {
 
   const {
+    className,
     pages,
     searchingKeyword,
     forceHideMenuItems,
@@ -171,7 +173,7 @@ const SearchPageBaseSubstance: ForwardRefRenderFunction<ISelectableAll & IReturn
     : undefined;
 
   return (
-    <div className="search-result-base flex-grow-1 d-flex flex-expand-vh-100" data-testid="search-result-base">
+    <div className={`${className ?? ''} search-result-base flex-grow-1 d-flex flex-expand-vh-100`} data-testid="search-result-base">
 
       <div className="flex-expand-vert border boder-gray search-result-list" id="search-result-list">