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