feat: add autofocus for create post modal

dappforce · Jan 16, 2024 · 0b2b654 · 0b2b654
1 parent cf73278
commit 0b2b654
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/posts/editor/HtmlEditor.tsx b/src/components/posts/editor/HtmlEditor.tsx
@@ -8,6 +8,7 @@ export interface HTMLEditorProps {
   saveBodyDraft?: (body: string) => void
   className?: string
   showToolbar?: boolean
+  autoFocus?: boolean
 }
 
 export default function HtmlEditor({
@@ -16,13 +17,14 @@ export default function HtmlEditor({
   saveBodyDraft,
   className,
   showToolbar,
+  autoFocus,
 }: HTMLEditorProps) {
   const editor = useCreateEditor(onChange, value, saveBodyDraft)
 
   return (
     <>
       {showToolbar && <ToolBar editor={editor} />}
-      <EditorContent tabIndex={0} className={className} editor={editor} />
+      <EditorContent autoFocus tabIndex={0} className={className} editor={editor} />
     </>
   )
 }
diff --git a/src/components/posts/editor/ModalEditor.tsx b/src/components/posts/editor/ModalEditor.tsx
@@ -189,7 +189,11 @@ export const PostEditorModalBody = ({
       <SpaceSelector />
       <Form.Item name={fieldName('body')} className='my-3'>
         {/* value and onChange are provided by Form.Item */}
-        <HtmlEditor saveBodyDraft={saveDraft} className={clsx(styles.FastEditor, 'ant-input')} />
+        <HtmlEditor
+          autoFocus
+          saveBodyDraft={saveDraft}
+          className={clsx(styles.FastEditor, 'ant-input')}
+        />
       </Form.Item>
       {imgUrl && (
         <PreviewUploadedImage