// Copyright 2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React, { memo } from 'react';
import { useSelector } from 'react-redux';
import { MediaGallery } from '../../components/conversation/media-gallery/MediaGallery';
import { getMediaGalleryState } from '../selectors/mediaGallery';
import { useConversationsActions } from '../ducks/conversations';
import { useLightboxActions } from '../ducks/lightbox';
import { useMediaGalleryActions } from '../ducks/mediaGallery';

export type PropsType = {
  conversationId: string;
};

export const SmartAllMedia = memo(function SmartAllMedia({
  conversationId,
}: PropsType) {
  const { media, documents, haveOldestDocument, haveOldestMedia, loading } =
    useSelector(getMediaGalleryState);
  const { initialLoad, loadMoreMedia, loadMoreDocuments } =
    useMediaGalleryActions();
  const { saveAttachment } = useConversationsActions();
  const { showLightbox } = useLightboxActions();

  return (
    <MediaGallery
      conversationId={conversationId}
      haveOldestDocument={haveOldestDocument}
      haveOldestMedia={haveOldestMedia}
      i18n={window.i18n}
      initialLoad={initialLoad}
      loading={loading}
      loadMoreMedia={loadMoreMedia}
      loadMoreDocuments={loadMoreDocuments}
      media={media}
      documents={documents}
      showLightbox={showLightbox}
      saveAttachment={saveAttachment}
    />
  );
});