Removes Inbox Backbone view

ts/util/showLightbox.tsx

@@ -0,0 +1,39 @@
+// Copyright 2022 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import { render } from 'react-dom';
+import type { PropsType } from '../components/Lightbox';
+import { Lightbox } from '../components/Lightbox';
+
+// NOTE: This file is temporarily here for convenicence of use by
+// conversation_view while it is transitioning from Backbone into pure React.
+// Please use <Lightbox /> directly and DO NOT USE THESE FUNCTIONS.
+
+let lightboxMountNode: HTMLElement | undefined;
+
+export function isLightboxOpen(): boolean {
+  return Boolean(lightboxMountNode);
+}
+
+export function closeLightbox(): void {
+  if (!lightboxMountNode) {
+    return;
+  }
+
+  window.ReactDOM.unmountComponentAtNode(lightboxMountNode);
+  document.body.removeChild(lightboxMountNode);
+  lightboxMountNode = undefined;
+}
+
+export function showLightbox(props: PropsType): void {
+  if (lightboxMountNode) {
+    closeLightbox();
+  }
+
+  lightboxMountNode = document.createElement('div');
+  lightboxMountNode.setAttribute('data-id', 'lightbox');
+  document.body.appendChild(lightboxMountNode);
+
+  render(<Lightbox {...props} />, lightboxMountNode);
+}