Add auto input for token name edit

Author: zxdong262

src/client/common/auto-focus-input.tsx

@@ -0,0 +1,19 @@
+import React, { useEffect, useRef } from 'react'
+import { Input, InputProps, InputRef } from 'antd'
+
+const AutoFocusInput: React.FC<InputProps> = (props) => {
+  const inputRef = useRef<InputRef>(null)
+
+  useEffect(() => {
+    setTimeout(() => {
+      if (inputRef.current === null) {
+        return
+      }
+      inputRef.current.focus()
+    }, 100)
+  }, [])
+
+  return <Input ref={inputRef} {...props} />
+}
+
+export default AutoFocusInput

src/client/me/me.tsx

@@ -21,6 +21,7 @@ import {
   DownloadOutlined,
   JavaScriptOutlined
 } from '@ant-design/icons'
+import AutoFocusInput from '../common/auto-focus-input'
 
 interface JsonType {
   [key: string]: any
@@ -136,8 +137,9 @@ export default function Me (props: any): JSX.Element {
     tokenNameRef.current = name
     return (
       <div>
-        <Input
+        <AutoFocusInput
           onChange={onChangeTokenName}
+          key={Date.now()}
           placeholder={t('tokenName')}
           defaultValue={name}
           autoFocus

src/server/models/user-model.ts

@@ -32,6 +32,26 @@ export const userSchema = Object.assign({}, adminUserSchema, {
     type: String,
     default: ''
   },
+  authoredBookIds: {
+    type: String,
+    default: ''
+  },
+  readBookIds: {
+    type: String,
+    default: ''
+  },
+  bookshelfIds: {
+    type: String,
+    default: ''
+  },
+  followingAuthorIds: {
+    type: String,
+    default: ''
+  },
+  followerIds: {
+    type: String,
+    default: ''
+  },
   tokenLimit: {
     type: Number,
     default: 1