readonly editor for not trials

src/cloud/components/DocPage/index.tsx

@@ -21,7 +21,11 @@ import { useRouter } from '../../lib/router'
 import ColoredBlock from '../../../design/components/atoms/ColoredBlock'
 import Editor from '../Editor'
 import ApplicationPage from '../ApplicationPage'
-import { freePlanDocLimit, freePlanMembersLimit } from '../../lib/subscription'
+import {
+  freePlanDocLimit,
+  freePlanMembersLimit,
+  teamIsReadonly,
+} from '../../lib/subscription'
 import { useCloudDocPreview } from '../../lib/hooks/useCloudDocPreview'
 
 interface DocPageProps {
@@ -197,6 +201,7 @@ const DocPage = ({
       backLinks={backLinks}
       revisionHistory={revisionHistory}
       docIsEditable={docIsEditable}
+      readonly={teamIsReadonly(team, subscription)}
     />
   )
 }

src/cloud/components/Editor/index.tsx

@@ -116,6 +116,7 @@ interface EditorProps {
   contributors: SerializedUser[]
   backLinks: SerializedDoc[]
   docIsEditable?: boolean
+  readonly?: boolean
 }
 
 interface EditorPosition {
@@ -143,6 +144,7 @@ const Editor = ({
   contributors,
   backLinks,
   docIsEditable,
+  readonly = false,
 }: EditorProps) => {
   const { translate } = useI18n()
   const {
@@ -258,6 +260,7 @@ const Editor = ({
 
     return {
       mode: 'markdown',
+      readOnly: readonly,
       lineNumbers: showEditorLineNumbers,
       lineWrapping: true,
       theme,
@@ -281,7 +284,7 @@ const Editor = ({
         closeCharacters: /[\s()\[\]{};:>,\n]/,
       },
     }
-  }, [settings])
+  }, [settings, readonly])
 
   const shortcodeConvertMenuStyle: React.CSSProperties = useMemo(() => {
     if (shortcodeConvertMenu == null || editorRef.current == null) {

src/cloud/lib/subscription.ts

@@ -37,6 +37,17 @@ export function isTimeEligibleForDiscount(team: { createdAt: string }) {
   return false
 }
 
+export function teamIsReadonly(
+  team: SerializedTeam,
+  subscription?: SerializedSubscription
+) {
+  return (
+    ((subscription == null || subscription.status === 'inactive') &&
+      remainingTrialInfo(team).remaining < 1) ||
+    subscription != null
+  )
+}
+
 export function remainingTrialInfo(team: SerializedTeam) {
   const createDate = new Date(team.createdAt)
   const startDate = isBefore(createDate, legacyCutoff)