refactor: format and lint codebase (#971)

app/assets/javascripts/Hooks/usePremiumModal.tsx

@@ -0,0 +1,61 @@
+import { WebApplication } from '@/UIModels/Application'
+import { AppState } from '@/UIModels/AppState'
+import { observer } from 'mobx-react-lite'
+import { FunctionalComponent } from 'preact'
+import { useContext } from 'preact/hooks'
+import { createContext } from 'react'
+import { PremiumFeaturesModal } from '@/Components/PremiumFeaturesModal'
+
+type PremiumModalContextData = {
+  activate: (featureName: string) => void
+}
+
+const PremiumModalContext = createContext<PremiumModalContextData | null>(null)
+
+const PremiumModalProvider_ = PremiumModalContext.Provider
+
+export const usePremiumModal = (): PremiumModalContextData => {
+  const value = useContext(PremiumModalContext)
+
+  if (!value) {
+    throw new Error('invalid PremiumModal context')
+  }
+
+  return value
+}
+
+interface Props {
+  application: WebApplication
+  appState: AppState
+}
+
+export const PremiumModalProvider: FunctionalComponent<Props> = observer(
+  ({ application, appState, children }) => {
+    const featureName = appState.features._premiumAlertFeatureName
+    const activate = appState.features.showPremiumAlert
+    const close = appState.features.closePremiumAlert
+
+    const showModal = !!featureName
+
+    const hasSubscription = Boolean(
+      appState.subscription.userSubscription &&
+        !appState.subscription.isUserSubscriptionExpired &&
+        !appState.subscription.isUserSubscriptionCanceled,
+    )
+
+    return (
+      <>
+        {showModal && (
+          <PremiumFeaturesModal
+            application={application}
+            featureName={featureName}
+            hasSubscription={hasSubscription}
+            onClose={close}
+            showModal={!!featureName}
+          />
+        )}
+        <PremiumModalProvider_ value={{ activate }}>{children}</PremiumModalProvider_>
+      </>
+    )
+  },
+)