refactor variable name for collaboration

apps/app/src/client/components/PageEditor/PageEditor.tsx

@@ -369,7 +369,7 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
       <div className={`flex-expand-horiz ${props.visibility ? '' : 'd-none'}`}>
         <div className="page-editor-editor-container flex-expand-vert border-end">
           <CodeMirrorEditorMain
-            isEditorMode={editorMode === EditorMode.Editor}
+            enableCollaboration={editorMode === EditorMode.Editor}
             onSave={saveWithShortcut}
             onUpload={uploadHandler}
             acceptedUploadFileType={acceptedUploadFileType}

packages/editor/src/client/components-internal/playground/Playground.tsx

@@ -79,7 +79,7 @@ export const Playground = (): JSX.Element => {
       <div className="flex-expand-horiz">
         <div className="flex-expand-vert">
           <CodeMirrorEditorMain
-            isEditorMode
+            enableCollaboration
             onSave={saveHandler}
             onUpload={uploadHandler}
             indentSize={4}

packages/editor/src/client/components/CodeMirrorEditorMain.tsx

@@ -24,19 +24,19 @@ type Props = CodeMirrorEditorProps & {
   user?: IUserHasId,
   pageId?: string,
   initialValue?: string,
-  isEditorMode: boolean,
+  enableCollaboration?: boolean,
   onEditorsUpdated?: (userList: IUserHasId[]) => void,
 }
 
 export const CodeMirrorEditorMain = (props: Props): JSX.Element => {
   const {
-    user, pageId, initialValue, isEditorMode, cmProps,
+    user, pageId, initialValue, enableCollaboration = false, cmProps,
     onSave, onEditorsUpdated, ...otherProps
   } = props;
 
   const { data: codeMirrorEditor } = useCodeMirrorEditorIsolated(GlobalCodeMirrorEditorKey.MAIN);
 
-  useCollaborativeEditorMode(isEditorMode, user, pageId, initialValue, onEditorsUpdated, codeMirrorEditor);
+  useCollaborativeEditorMode(enableCollaboration, user, pageId, initialValue, onEditorsUpdated, codeMirrorEditor);
 
   // setup additional extensions
   useEffect(() => {