feat: add github login

This commit is contained in:
2024-10-01 20:30:55 +08:00
parent 7d4e6bd299
commit 6528ee78c6
11 changed files with 213 additions and 25 deletions

View File

@@ -0,0 +1,78 @@
import { useShallow } from 'zustand/react/shallow';
import { useMenuStore } from './store';
import clsx from 'clsx';
import { Button, message } from 'antd';
import { CloseOutlined, CodeOutlined, DashboardOutlined, HomeOutlined, MessageOutlined, ReadOutlined, RocketOutlined, SmileOutlined } from '@ant-design/icons';
import { useNavigate } from 'react-router';
const meun = [
{
title: 'Home',
icon: <HomeOutlined />,
link: '/map',
},
{
title: 'Panel',
icon: <DashboardOutlined />,
link: '/panel/edit/list',
},
{
title: 'Prompt',
icon: <MessageOutlined />,
link: '/prompt',
},
{
title: 'Container',
icon: <CodeOutlined />,
link: '/container/edit/list',
},
{
title: 'Agent',
icon: <RocketOutlined />,
link: '/agent/edit/list',
},
{
title: 'Chat Prompt',
icon: <ReadOutlined />,
link: '/chat/chat-prompt/list',
},
{
title: 'About',
icon: <SmileOutlined />,
},
];
export const LayoutMenu = () => {
const { open, setOpen } = useMenuStore(useShallow((state) => ({ open: state.open, setOpen: state.setOpen })));
const navigate = useNavigate();
return (
<div className={clsx('w-full h-full absolute z-20', !open && 'hidden')}>
<div className='bg-white w-full absolute h-full opacity-60 z-0'></div>
<div className='w-[300px] h-full absolute top-0 left-0 bg-white'>
<div className='flex justify-between p-6 font-bold items-center'>
Envision
<div>
<Button icon={<CloseOutlined />} onClick={() => setOpen(false)}></Button>
</div>
</div>
<div className='mt-3 font-medium'>
{meun.map((item, index) => {
return (
<div
key={index}
className='flex items-center p-4 gap-3 cursor-pointer hover:bg-slate-200 rounded-md'
onClick={() => {
if (item.link) navigate(`${item.link}`);
else {
message.info('About Envision');
}
setOpen(false);
}}>
<div className='w-6 h-6'>{item.icon}</div>
<div>{item.title}</div>
</div>
);
})}
</div>
</div>
</div>
);
};