Fix focusing title input after new note creation

Rokt33r · Rokt33r · commit 8bee0db50e0e · 2020-11-04T09:36:11.000+09:00
diff --git a/src/components/organisms/NoteDetail.tsx b/src/components/organisms/NoteDetail.tsx
@@ -136,6 +136,10 @@ class NoteDetail extends React.Component<NoteDetailProps, NoteDetailState> {
     return state
   }
 
+  componentDidMount() {
+    listenNoteDetailFocusTitleInputEvent(this.focusTitleInput)
+  }
+
   componentDidUpdate(_prevProps: NoteDetailProps, prevState: NoteDetailState) {
     const { note } = this.props
     if (prevState.prevNoteId !== note._id) {
@@ -147,7 +151,6 @@ class NoteDetail extends React.Component<NoteDetailProps, NoteDetailState> {
         })
       }
     }
-    listenNoteDetailFocusTitleInputEvent(this.focusTitleInput)
   }
 
   componentWillUnmount() {

Original file line number	Diff line number	Diff line change
`@@ -136,6 +136,10 @@ class NoteDetail extends React.Component<NoteDetailProps, NoteDetailState> {`
`136`	`136`	`return state`
`137`	`137`	`}`
`138`	`138`
	`139`	`+ componentDidMount() {`
	`140`	`+ listenNoteDetailFocusTitleInputEvent(this.focusTitleInput)`
	`141`	`+ }`
	`142`	`+`
`139`	`143`	`componentDidUpdate(_prevProps: NoteDetailProps, prevState: NoteDetailState) {`
`140`	`144`	`const { note } = this.props`
`141`	`145`	`if (prevState.prevNoteId !== note._id) {`
`@@ -147,7 +151,6 @@ class NoteDetail extends React.Component<NoteDetailProps, NoteDetailState> {`
`147`	`151`	`})`
`148`	`152`	`}`
`149`	`153`	`}`
`150`		`- listenNoteDetailFocusTitleInputEvent(this.focusTitleInput)`
`151`	`154`	`}`
`152`	`155`
`153`	`156`	`componentWillUnmount() {`