u

src/components/article/NewArticleTile.jsx

@@ -1,7 +1,10 @@
 import { Component } from 'react';
 import { connect } from 'react-redux';
 import { ActionTile } from '../tiles';
-import { createArticle as createArticleThunk } from '../../store/categorySlice';
+import {
+  createArticles as createArticlesThunk,
+  createArticle as createArticleThunk,
+} from '../../store/categorySlice';
 import ArticleNameDialog from './ArticleNameDialog';
 
 class NewArticleTile extends Component {
@@ -21,11 +24,21 @@ class NewArticleTile extends Component {
     this.setState({ open: false });
   }
 
-  async handleSubmit({ name }) {
+  async handleSubmit({ names }) {
     const { parentId } = this.props;
-    const article = await this.props.createArticle({ parentId, name }).unwrap();
-    if (article) {
-      this.props.onOpenArticle?.(article);
+    const list = (names ?? []).filter(Boolean);
+    if (list.length <= 1) {
+      const article = await this.props
+        .createArticle({ parentId, name: list[0] ?? '' })
+        .unwrap();
+      if (article) {
+        this.props.onOpenArticle?.(article);
+      }
+      return;
+    }
+    const created = await this.props.createArticles({ parentId, names: list }).unwrap();
+    if (created?.[0]) {
+      this.props.onOpenArticle?.(created[0]);
     }
   }
 
@@ -51,6 +64,7 @@ class NewArticleTile extends Component {
 
 const mapDispatchToProps = {
   createArticle: createArticleThunk,
+  createArticles: createArticlesThunk,
 };
 
 export default connect(null, mapDispatchToProps)(NewArticleTile);