Files
FastGPT/client/src/pages/tools/index.tsx
2023-08-07 13:26:53 +08:00

70 lines
1.5 KiB
TypeScript

import React from 'react';
import { Box, Flex } from '@chakra-ui/react';
import { ChevronRightIcon } from '@chakra-ui/icons';
import MyIcon from '@/components/Icon';
import { useRouter } from 'next/router';
import { feConfigs } from '@/store/static';
import { serviceSideProps } from '@/utils/i18n';
const list = [
{
icon: 'dbLight',
label: '我的知识库',
link: '/kb/list'
},
...(feConfigs?.show_appStore
? [
{
icon: 'appStoreLight',
label: 'AI应用市场',
link: '/appStore'
}
]
: []),
...(feConfigs?.show_git
? [
{
icon: 'git',
label: 'GitHub 地址',
link: 'https://github.com/labring/FastGPT'
}
]
: [])
];
const Tools = () => {
const router = useRouter();
return (
<Box px={'5vw'}>
{list.map((item) => (
<Flex
key={item.link}
alignItems={'center'}
px={5}
py={4}
bg={'white'}
mt={5}
borderRadius={'md'}
onClick={() => router.push(item.link)}
>
<MyIcon name={item.icon as any} w={'22px'} />
<Box ml={4} flex={1}>
{item.label}
</Box>
<ChevronRightIcon fontSize={'20px'} color={'myGray.600'} />
</Flex>
))}
</Box>
);
};
export async function getServerSideProps(content: any) {
return {
props: {
...(await serviceSideProps(content))
}
};
}
export default Tools;