feat: add pagination tools to ChannelList context (#2742)

Author: MartinCupela

src/components/ChannelList/ChannelList.tsx

@@ -381,7 +381,9 @@ const UnMemoizedChannelList = (props: ChannelListProps) => {
   const showChannelList =
     (!searchActive && !searchIsActive) || additionalChannelSearchProps?.popupResults;
   return (
-    <ChannelListContextProvider value={{ channels, setChannels }}>
+    <ChannelListContextProvider
+      value={{ channels, hasNextPage, loadNextPage, setChannels }}
+    >
       <div className={className} ref={channelListRef}>
         {showChannelSearch &&
           (Search ? (

src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -135,9 +135,7 @@ export const usePaginatedChannels = (
     queryChannels('reload');
   }, [error, queryChannels, recoveryThrottleInterval]);
 
-  const loadNextPage = () => {
-    queryChannels();
-  };
+  const loadNextPage = () => queryChannels();
 
   useEffect(() => {
     if (client.recoverStateOnReconnect) return;

src/context/ChannelListContext.tsx

@@ -9,6 +9,14 @@ export type ChannelListContextValue = {
    * Channels query is executed by default only by ChannelList component in the SDK.
    */
   channels: Channel[];
+  /**
+   * Indicator for channel pagination to determine whether more items can be loaded
+   */
+  hasNextPage: boolean;
+  /**
+   * Pagination function to load more channels
+   */
+  loadNextPage(): Promise<void>;
   /**
    * Sets the list of Channel objects to be rendered by ChannelList component.
    */