refactor: format and lint codebase (#971)

app/assets/javascripts/Components/Files/FilePreviewModalProvider.tsx

@@ -0,0 +1,48 @@
+import { WebApplication } from '@/UIModels/Application'
+import { SNFile } from '@standardnotes/snjs'
+import { createContext, FunctionComponent } from 'preact'
+import { useContext, useState } from 'preact/hooks'
+import { FilePreviewModal } from './FilePreviewModal'
+
+type FilePreviewModalContextData = {
+  activate: (file: SNFile) => void
+}
+
+const FilePreviewModalContext = createContext<FilePreviewModalContextData | null>(null)
+
+export const useFilePreviewModal = (): FilePreviewModalContextData => {
+  const value = useContext(FilePreviewModalContext)
+
+  if (!value) {
+    throw new Error('FilePreviewModalProvider not found.')
+  }
+
+  return value
+}
+
+export const FilePreviewModalProvider: FunctionComponent<{
+  application: WebApplication
+}> = ({ application, children }) => {
+  const [isOpen, setIsOpen] = useState(false)
+  const [file, setFile] = useState<SNFile>()
+
+  const activate = (file: SNFile) => {
+    setFile(file)
+    setIsOpen(true)
+  }
+
+  const close = () => {
+    setIsOpen(false)
+  }
+
+  return (
+    <>
+      {isOpen && file && (
+        <FilePreviewModal application={application} file={file} onDismiss={close} />
+      )}
+      <FilePreviewModalContext.Provider value={{ activate }}>
+        {children}
+      </FilePreviewModalContext.Provider>
+    </>
+  )
+}