Moves showLightbox to redux

ts/state/smart/Lightbox.tsx

@@ -0,0 +1,52 @@
+// Copyright 2022 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import type { GetConversationByIdType } from '../selectors/conversations';
+import type { LocalizerType } from '../../types/Util';
+import type { MediaItemType } from '../../types/MediaItem';
+import type { StateType } from '../reducer';
+import { Lightbox } from '../../components/Lightbox';
+import { getConversationSelector } from '../selectors/conversations';
+import { getIntl } from '../selectors/user';
+import { useGlobalModalActions } from '../ducks/globalModals';
+import { useLightboxActions } from '../ducks/lightbox';
+import {
+  getIsViewOnce,
+  getMedia,
+  getSelectedIndex,
+  shouldShowLightbox,
+} from '../selectors/lightbox';
+
+export function SmartLightbox(): JSX.Element | null {
+  const i18n = useSelector<StateType, LocalizerType>(getIntl);
+  const { closeLightbox } = useLightboxActions();
+  const { toggleForwardMessageModal } = useGlobalModalActions();
+
+  const conversationSelector = useSelector<StateType, GetConversationByIdType>(
+    getConversationSelector
+  );
+
+  const isShowingLightbox = useSelector<StateType, boolean>(shouldShowLightbox);
+  const isViewOnce = useSelector<StateType, boolean>(getIsViewOnce);
+  const media = useSelector<StateType, Array<MediaItemType>>(getMedia);
+  const selectedIndex = useSelector<StateType, number>(getSelectedIndex);
+
+  if (!isShowingLightbox) {
+    return null;
+  }
+
+  return (
+    <Lightbox
+      closeLightbox={closeLightbox}
+      getConversation={conversationSelector}
+      i18n={i18n}
+      isViewOnce={isViewOnce}
+      media={media}
+      selectedIndex={selectedIndex || 0}
+      toggleForwardMessageModal={toggleForwardMessageModal}
+    />
+  );
+}