mirror of https://github.com/sunface/rust-course
sunface
4 years ago
parent
f6fc6ddc84
commit
6bb93c579e
@ -1,79 +0,0 @@
|
||||
import {Text, Box, Heading, Image, Center, Button, Flex, VStack, Divider, useToast } from "@chakra-ui/react"
|
||||
import Card from "components/card"
|
||||
import Nav from "layouts/nav/nav"
|
||||
import PageContainer from "layouts/page-container"
|
||||
import Sidebar from "layouts/sidebar/sidebar"
|
||||
import React, { useEffect, useState } from "react"
|
||||
import {adminLinks, followLinks} from "src/data/links"
|
||||
import { requestApi } from "utils/axios/request"
|
||||
import TagCard from "components/tags/tag-card"
|
||||
import { useRouter } from "next/router"
|
||||
import Link from "next/link"
|
||||
import { ReserveUrls } from "src/data/reserve-urls"
|
||||
import { Tag } from "src/types/tag"
|
||||
import { route } from "next/dist/next-server/server/router"
|
||||
import PageContainer1 from "layouts/page-container1"
|
||||
import Empty from "components/empty"
|
||||
|
||||
|
||||
const FollowersPage = () => {
|
||||
const [tags, setTags] = useState([])
|
||||
const router = useRouter()
|
||||
const toast = useToast()
|
||||
const getTags = () => {
|
||||
requestApi.get(`/tag/all`).then((res) => setTags(res.data)).catch(_ => setTags([]))
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
getTags()
|
||||
}, [])
|
||||
|
||||
const editTag = (tag: Tag) => {
|
||||
router.push(`${ReserveUrls.Admin}/tag/${tag.name}`)
|
||||
}
|
||||
|
||||
const deleteTag= async (id) => {
|
||||
await requestApi.delete(`/tag/${id}`)
|
||||
getTags()
|
||||
toast({
|
||||
description: "删除成功",
|
||||
status: "success",
|
||||
duration: 2000,
|
||||
isClosable: true,
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageContainer1>
|
||||
<Box display="flex">
|
||||
<Sidebar routes={followLinks} title="我的关注" />
|
||||
<Card ml="4" p="6" width="100%">
|
||||
<Flex alignItems="center" justify="space-between">
|
||||
<Heading size="md">标签列表({tags.length})</Heading>
|
||||
<Button colorScheme="teal" size="sm" _focus={null}><Link href={`${ReserveUrls.Admin}/tag/new`}>新建标签</Link></Button>
|
||||
</Flex>
|
||||
{
|
||||
tags.length === 0 ?
|
||||
<Empty />
|
||||
:
|
||||
<>
|
||||
<VStack mt="4">
|
||||
{tags.map(tag =>
|
||||
<Box width="100%" key={tag.id}>
|
||||
<TagCard tag={tag} showActions={true} mt="4" onEdit={() => editTag(tag)} onDelete={() => deleteTag(tag.id)} />
|
||||
<Divider mt="5" />
|
||||
</Box>
|
||||
)}
|
||||
</VStack>
|
||||
<Center><Text layerStyle="textSecondary" fontSize="sm" mt="5">没有更多标签了</Text></Center>
|
||||
</>
|
||||
}
|
||||
</Card>
|
||||
</Box>
|
||||
</PageContainer1>
|
||||
</>
|
||||
)
|
||||
}
|
||||
export default FollowersPage
|
||||
|
||||
@ -1,79 +0,0 @@
|
||||
import {Text, Box, Heading, Image, Center, Button, Flex, VStack, Divider, useToast } from "@chakra-ui/react"
|
||||
import Card from "components/card"
|
||||
import Nav from "layouts/nav/nav"
|
||||
import PageContainer from "layouts/page-container"
|
||||
import Sidebar from "layouts/sidebar/sidebar"
|
||||
import React, { useEffect, useState } from "react"
|
||||
import {adminLinks, followLinks} from "src/data/links"
|
||||
import { requestApi } from "utils/axios/request"
|
||||
import TagCard from "components/tags/tag-card"
|
||||
import { useRouter } from "next/router"
|
||||
import Link from "next/link"
|
||||
import { ReserveUrls } from "src/data/reserve-urls"
|
||||
import { Tag } from "src/types/tag"
|
||||
import { route } from "next/dist/next-server/server/router"
|
||||
import PageContainer1 from "layouts/page-container1"
|
||||
import Empty from "components/empty"
|
||||
|
||||
|
||||
const UsersPage = () => {
|
||||
const [tags, setTags] = useState([])
|
||||
const router = useRouter()
|
||||
const toast = useToast()
|
||||
const getTags = () => {
|
||||
requestApi.get(`/tag/all`).then((res) => setTags(res.data)).catch(_ => setTags([]))
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
getTags()
|
||||
}, [])
|
||||
|
||||
const editTag = (tag: Tag) => {
|
||||
router.push(`${ReserveUrls.Admin}/tag/${tag.name}`)
|
||||
}
|
||||
|
||||
const deleteTag= async (id) => {
|
||||
await requestApi.delete(`/tag/${id}`)
|
||||
getTags()
|
||||
toast({
|
||||
description: "删除成功",
|
||||
status: "success",
|
||||
duration: 2000,
|
||||
isClosable: true,
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageContainer1>
|
||||
<Box display="flex">
|
||||
<Sidebar routes={followLinks} title="我的关注" />
|
||||
<Card ml="4" p="6" width="100%">
|
||||
<Flex alignItems="center" justify="space-between">
|
||||
<Heading size="md">标签列表({tags.length})</Heading>
|
||||
<Button colorScheme="teal" size="sm" _focus={null}><Link href={`${ReserveUrls.Admin}/tag/new`}>新建标签</Link></Button>
|
||||
</Flex>
|
||||
{
|
||||
tags.length === 0 ?
|
||||
<Empty />
|
||||
:
|
||||
<>
|
||||
<VStack mt="4">
|
||||
{tags.map(tag =>
|
||||
<Box width="100%" key={tag.id}>
|
||||
<TagCard tag={tag} showActions={true} mt="4" onEdit={() => editTag(tag)} onDelete={() => deleteTag(tag.id)} />
|
||||
<Divider mt="5" />
|
||||
</Box>
|
||||
)}
|
||||
</VStack>
|
||||
<Center><Text layerStyle="textSecondary" fontSize="sm" mt="5">没有更多标签了</Text></Center>
|
||||
</>
|
||||
}
|
||||
</Card>
|
||||
</Box>
|
||||
</PageContainer1>
|
||||
</>
|
||||
)
|
||||
}
|
||||
export default UsersPage
|
||||
|
||||
@ -0,0 +1,52 @@
|
||||
import {Text, Box, Heading, Image, Center, Button, Flex, VStack, Divider, useToast, Wrap, WrapItem, useColorModeValue, StackDivider } from "@chakra-ui/react"
|
||||
import Card from "components/card"
|
||||
import Nav from "layouts/nav/nav"
|
||||
import PageContainer from "layouts/page-container"
|
||||
import Sidebar from "layouts/sidebar/sidebar"
|
||||
import React, { useEffect, useState } from "react"
|
||||
import {adminLinks, interactionLinks} from "src/data/links"
|
||||
import { requestApi } from "utils/axios/request"
|
||||
import PageContainer1 from "layouts/page-container1"
|
||||
import Empty from "components/empty"
|
||||
import { IDType } from "src/types/id"
|
||||
import UserCard from "components/users/user-card"
|
||||
import userCustomTheme from "theme/user-custom"
|
||||
|
||||
|
||||
const FollowersPage = () => {
|
||||
const [users, setUsers] = useState([])
|
||||
const borderColor = useColorModeValue(userCustomTheme.borderColor.light, userCustomTheme.borderColor.dark)
|
||||
|
||||
const getUsers = async () => {
|
||||
const res = await requestApi.get(`/interaction/followers/0?type=${IDType.User}`)
|
||||
setUsers(res.data)
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
getUsers()
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageContainer1>
|
||||
<Box display="flex">
|
||||
<Sidebar routes={interactionLinks} title="我的关注" />
|
||||
<Card ml="4" p="6" width="100%">
|
||||
{
|
||||
users.length === 0 ? <Empty /> :
|
||||
<VStack alignItems="left" divider={<StackDivider borderColor={borderColor} />} >
|
||||
|
||||
{users.map(user =>
|
||||
<UserCard user={user} />
|
||||
)}
|
||||
</VStack>
|
||||
}
|
||||
</Card>
|
||||
</Box>
|
||||
</PageContainer1>
|
||||
</>
|
||||
)
|
||||
}
|
||||
export default FollowersPage
|
||||
|
||||
|
||||
@ -0,0 +1,59 @@
|
||||
import {Text, Box, Heading, Image, Center, Button, Flex, VStack, Divider, useToast, Wrap, WrapItem, useColorModeValue, StackDivider } from "@chakra-ui/react"
|
||||
import Card from "components/card"
|
||||
import Nav from "layouts/nav/nav"
|
||||
import PageContainer from "layouts/page-container"
|
||||
import Sidebar from "layouts/sidebar/sidebar"
|
||||
import React, { useEffect, useState } from "react"
|
||||
import {interactionLinks} from "src/data/links"
|
||||
import { requestApi } from "utils/axios/request"
|
||||
import PageContainer1 from "layouts/page-container1"
|
||||
import Empty from "components/empty"
|
||||
import { IDType } from "src/types/id"
|
||||
import UserCard from "components/users/user-card"
|
||||
import userCustomTheme from "theme/user-custom"
|
||||
|
||||
|
||||
const UsersPage = () => {
|
||||
const [users, setUsers] = useState([])
|
||||
const borderColor = useColorModeValue(userCustomTheme.borderColor.light, userCustomTheme.borderColor.dark)
|
||||
|
||||
const getUsers = async () => {
|
||||
const res = await requestApi.get(`/interaction/following/0?type=${IDType.User}`)
|
||||
const ids = []
|
||||
for (const f of res.data) {
|
||||
ids.push(f.id)
|
||||
}
|
||||
|
||||
|
||||
const res1 = await requestApi.post(`/user/ids`, ids)
|
||||
setUsers(res1.data)
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
getUsers()
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageContainer1>
|
||||
<Box display="flex">
|
||||
<Sidebar routes={interactionLinks} title="我的关注" />
|
||||
<Card ml="4" p="6" width="100%">
|
||||
{
|
||||
users.length === 0 ? <Empty /> :
|
||||
<VStack alignItems="left" divider={<StackDivider borderColor={borderColor} />} >
|
||||
|
||||
{users.map(user =>
|
||||
<UserCard user={user} />
|
||||
)}
|
||||
</VStack>
|
||||
}
|
||||
</Card>
|
||||
</Box>
|
||||
</PageContainer1>
|
||||
</>
|
||||
)
|
||||
}
|
||||
export default UsersPage
|
||||
|
||||
|
||||
@ -0,0 +1,4 @@
|
||||
package models
|
||||
|
||||
var UsersCache []*User
|
||||
var UsersMapCache map[string]*User
|
||||
Loading…
Reference in new issue