mirror of https://github.com/sunface/rust-course
sunface
4 years ago
parent
5c65dd3ab3
commit
271f852c01
@ -1,6 +1,7 @@
|
||||
import { requestApi } from "./axios/request"
|
||||
import { requestApi } from "../src/utils/axios/request"
|
||||
|
||||
export let config = {
|
||||
appName: "im.dev",
|
||||
commonMaxlen: 255,
|
||||
posts: {
|
||||
titleMaxLen: 128,
|
||||
@ -0,0 +1,7 @@
|
||||
package models
|
||||
|
||||
const DefaultTagCover = "https://cdn.hashnode.com/res/hashnode/image/upload/v1605308227907/y6yl3YLT4.png?w=1600&h=320&fit=crop&crop=entropy&auto=compress&auto=compress"
|
||||
|
||||
//users
|
||||
const DefaultAvatar = "https://cdn.hashnode.com/res/hashnode/image/upload/v1600792675173/rY-APy9Fc.png?auto=compress"
|
||||
const DefaultCover = "https://cdn.hashnode.com/res/hashnode/image/upload/v1604243390177/JstCbDgbK.jpeg?w=1600&fit=crop&crop=entropy&auto=compress"
|
||||
@ -1,34 +0,0 @@
|
||||
import React from "react"
|
||||
import {chakra, Heading, Image, Text, HStack,Button, Flex,PropsOf,Link} from "@chakra-ui/react"
|
||||
import { Tag } from "src/types/tag"
|
||||
import { ReserveUrls } from "src/data/reserve-urls"
|
||||
import NextLink from "next/link"
|
||||
|
||||
type Props = PropsOf<typeof chakra.div> & {
|
||||
tag: Tag
|
||||
showActions: boolean
|
||||
onEdit?: any
|
||||
onDelete?: any
|
||||
}
|
||||
|
||||
|
||||
export const TagCard= (props:Props) =>{
|
||||
const {tag,showActions,onEdit,onDelete, ...rest} = props
|
||||
|
||||
return (
|
||||
<Flex justifyContent="space-between" {...rest}>
|
||||
<NextLink href={`${ReserveUrls.Tags}/${tag.name}`}>
|
||||
<Heading size="sm" display="flex" alignItems="center" cursor="pointer">
|
||||
<Image src={tag.icon} width="43px" mr="2"/>
|
||||
{tag.title}
|
||||
</Heading>
|
||||
</NextLink>
|
||||
{props.showActions && <HStack>
|
||||
<Button size="sm" colorScheme="teal" variant="outline" onClick={onEdit}>Edit</Button>
|
||||
<Button size="sm" onClick={props.onDelete} variant="ghost">Delete</Button>
|
||||
</HStack>}
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
|
||||
export default TagCard
|
||||
@ -0,0 +1,40 @@
|
||||
import React from "react"
|
||||
import {chakra, Heading, Image, Text, HStack,Button, Flex,PropsOf, Box, Tooltip, Tag as ChakraTag, useColorModeValue} from "@chakra-ui/react"
|
||||
import { Tag } from "src/types/tag"
|
||||
import { ReserveUrls } from "src/data/reserve-urls"
|
||||
import NextLink from "next/link"
|
||||
import userCustomTheme from "theme/user-custom"
|
||||
|
||||
type Props = PropsOf<typeof chakra.div> & {
|
||||
tag: Tag
|
||||
showActions?: boolean
|
||||
onEdit?: any
|
||||
onDelete?: any
|
||||
}
|
||||
|
||||
|
||||
export const TagCard= (props:Props) =>{
|
||||
const {tag,showActions=false,onEdit,onDelete} = props
|
||||
return (
|
||||
<Flex justifyContent="space-between" alignItems="center" className="hover-bg" p="2">
|
||||
<NextLink href={`${ReserveUrls.Tags}/${tag.name}`}>
|
||||
<HStack cursor="pointer">
|
||||
<Image src={tag.icon} width="43px" mr="2" borderWidth="1px" className="bordered"/>
|
||||
<Box>
|
||||
<Heading size="sm">{tag.title}</Heading>
|
||||
<Tooltip openDelay={300} label={tag.md}><Text layerStyle="textSecondary" fontSize=".85rem" mt="1" overflow="hidden" textOverflow="ellipsis" whiteSpace="nowrap" width={{"sm": "100px","md":"400px","xl":"600px"}}>{tag.md}</Text></Tooltip>
|
||||
</Box>
|
||||
</HStack>
|
||||
</NextLink>
|
||||
{showActions ?
|
||||
<HStack>
|
||||
<Button size="sm" colorScheme="teal" variant="outline" onClick={onEdit}>Edit</Button>
|
||||
<Button size="sm" onClick={onDelete} variant="ghost">Delete</Button>
|
||||
</HStack> :
|
||||
<ChakraTag py="1" px="3" colorScheme="cyan">{tag.postCount} posts</ChakraTag>
|
||||
}
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
|
||||
export default TagCard
|
||||
Loading…
Reference in new issue