chore: apply review feedback

Author: iobuhov

packages/pluggableWidgets/gallery-web/src/Gallery.tsx

@@ -90,6 +90,7 @@ const Container = observer(function GalleryContainer(props: GalleryContainerProp
             itemEventsController={itemEventsController}
             focusController={focusController}
             getPosition={getPositionCallback}
+            loadMoreButtonCaption={props.loadMoreButtonCaption?.value}
         />
     );
 });

packages/pluggableWidgets/gallery-web/src/components/Gallery.tsx

@@ -50,9 +50,11 @@ export interface GalleryProps<T extends ObjectItem> {
     itemHelper: GalleryItemHelper;
     selectHelper: SelectActionHandler;
     getPosition: (index: number) => PositionInGrid;
+    loadMoreButtonCaption?: string;
 }
 
 export function Gallery<T extends ObjectItem>(props: GalleryProps<T>): ReactElement {
+    const { loadMoreButtonCaption = "Load more" } = props;
     const pagination = props.paging ? (
         <div className="widget-gallery-pagination">
             <Pagination
@@ -122,9 +124,9 @@ export function Gallery<T extends ObjectItem>(props: GalleryProps<T>): ReactElem
                 {showBottomPagination && pagination}
                 <div className="widget-gallery-load-more">
                     {props.preview && props.paginationType === "loadMore" && (
-                        <LoadMorePreview>Load more</LoadMorePreview>
+                        <LoadMorePreview>{loadMoreButtonCaption}</LoadMorePreview>
                     )}
-                    {!props.preview && <LoadMore>Load more</LoadMore>}
+                    {!props.preview && <LoadMore>{loadMoreButtonCaption}</LoadMore>}
                 </div>
             </GalleryFooter>
         </GalleryRoot>

packages/pluggableWidgets/gallery-web/src/components/LoadMore.tsx

@@ -4,7 +4,11 @@ import { createElement } from "react";
 import { useGalleryRootScope } from "src/helpers/root-context";
 
 export function LoadMoreButton(props: JSX.IntrinsicElements["button"]): React.ReactNode {
-    return <button {...props} className={cn("btn btn-primary widget-gallery-load-more-btn", props.className)}></button>;
+    return (
+        <button {...props} className={cn("btn btn-primary widget-gallery-load-more-btn", props.className)}>
+            {props.children}
+        </button>
+    );
 }
 
 export const LoadMore = observer(function LoadMore(props: { children: React.ReactNode }): React.ReactNode {