|
|
|
@ -18,7 +18,7 @@ import Empty from "components/empty"
|
|
|
|
|
import { IDType } from "src/types/id"
|
|
|
|
|
var validator = require('validator');
|
|
|
|
|
|
|
|
|
|
const newSeries: Story = { title: '', brief: '', cover: '',type: IDType.Series }
|
|
|
|
|
const newSeries: Story = { title: '', brief: '', cover: '', type: IDType.Series }
|
|
|
|
|
const PostsPage = () => {
|
|
|
|
|
const [currentSeries, setCurrentSeries] = useState(null)
|
|
|
|
|
const [posts, setPosts] = useState([])
|
|
|
|
@ -75,12 +75,9 @@ const PostsPage = () => {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const editPost = (post: Story) => {
|
|
|
|
|
if (post.url.trim() === "") {
|
|
|
|
|
router.push(`/editor/post/${post.id}`)
|
|
|
|
|
} else {
|
|
|
|
|
console.log(post)
|
|
|
|
|
setCurrentSeries(post)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const onDeletePost = async (id) => {
|
|
|
|
|
await requestApi.delete(`/story/post/${id}`)
|
|
|
|
@ -100,6 +97,7 @@ const PostsPage = () => {
|
|
|
|
|
<Sidebar routes={editorLinks} title="创作中心" />
|
|
|
|
|
<Card ml="4" p="6" width="100%">
|
|
|
|
|
{currentSeries ?
|
|
|
|
|
<>
|
|
|
|
|
<Formik
|
|
|
|
|
initialValues={currentSeries}
|
|
|
|
|
onSubmit={submitPost}
|
|
|
|
@ -134,6 +132,19 @@ const PostsPage = () => {
|
|
|
|
|
</FormControl>
|
|
|
|
|
)}
|
|
|
|
|
</Field>
|
|
|
|
|
<Field>
|
|
|
|
|
{({ field, form }) => (
|
|
|
|
|
<FormControl isInvalid={form.errors.brief && form.touched.brief}>
|
|
|
|
|
<Divider mt="0" mb="6" />
|
|
|
|
|
<FormLabel>关联文章</FormLabel>
|
|
|
|
|
<Button variant="ghost">选择文章</Button>
|
|
|
|
|
<Divider mt="6" mb="6" />
|
|
|
|
|
|
|
|
|
|
</FormControl>
|
|
|
|
|
)}
|
|
|
|
|
</Field>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</VStack>
|
|
|
|
|
<Box mt={6}>
|
|
|
|
|
<Button
|
|
|
|
@ -148,7 +159,9 @@ const PostsPage = () => {
|
|
|
|
|
</Box>
|
|
|
|
|
</Form>
|
|
|
|
|
)}
|
|
|
|
|
</Formik> :
|
|
|
|
|
</Formik>
|
|
|
|
|
</>
|
|
|
|
|
:
|
|
|
|
|
<>
|
|
|
|
|
<Flex alignItems="center" justify="space-between">
|
|
|
|
|
<Heading size="md">系列({posts.length})</Heading>
|
|
|
|
@ -161,7 +174,7 @@ const PostsPage = () => {
|
|
|
|
|
<VStack mt="4">
|
|
|
|
|
{posts.map(post =>
|
|
|
|
|
<Box width="100%" key={post.id}>
|
|
|
|
|
<TextStoryCard story={post} showActions={true} mt="4" onEdit={() => editPost(post)} onDelete={() => onDeletePost(post.id)} showSource={false}/>
|
|
|
|
|
<TextStoryCard story={post} showActions={true} mt="4" onEdit={() => editPost(post)} onDelete={() => onDeletePost(post.id)} showSource={false} />
|
|
|
|
|
<Divider mt="5" />
|
|
|
|
|
</Box>
|
|
|
|
|
)}
|
|
|
|
|