whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: remove assistant item menu

Browse Source
This commit is contained in:
kangfenmao 2024-07-03 13:45:30 +08:00
parent 900052e581
commit be71f659ac
1 changed files with 1 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/renderer/src/pages/home/components/Assistants.tsx
View File

@ -2,8 +2,7 @@ import { FC, useRef } from 'react'
import styled from 'styled-components' import styled from 'styled-components'
import useAssistants from '@renderer/hooks/useAssistants' import useAssistants from '@renderer/hooks/useAssistants'
import { Assistant } from '@renderer/types' import { Assistant } from '@renderer/types'
import { Button, Dropdown, MenuProps } from 'antd' import { Dropdown, MenuProps } from 'antd'
import { MoreOutlined } from '@ant-design/icons'
import { last } from 'lodash' import { last } from 'lodash'
import AssistantSettingPopup from '@renderer/components/Popups/AssistantSettingPopup' import AssistantSettingPopup from '@renderer/components/Popups/AssistantSettingPopup'
import { DeleteOutlined, EditOutlined } from '@ant-design/icons' import { DeleteOutlined, EditOutlined } from '@ant-design/icons'
@ -16,7 +15,6 @@ interface Props {
const Assistants: FC<Props> = ({ activeAssistant, onActive }) => { const Assistants: FC<Props> = ({ activeAssistant, onActive }) => {
const { assistants, removeAssistant, updateAssistant } = useAssistants() const { assistants, removeAssistant, updateAssistant } = useAssistants()
const targetAssistant = useRef<Assistant | null>(null) const targetAssistant = useRef<Assistant | null>(null)
const menuOpenRef = useRef(false)
const onDelete = (assistant: Assistant) => { const onDelete = (assistant: Assistant) => {
removeAssistant(assistant.id) removeAssistant(assistant.id)
@ -61,17 +59,6 @@ const Assistants: FC<Props> = ({ activeAssistant, onActive }) => {
<AssistantItem <AssistantItem
onClick={() => onActive(assistant)} onClick={() => onActive(assistant)}
className={assistant.id === activeAssistant?.id ? 'active' : ''}> className={assistant.id === activeAssistant?.id ? 'active' : ''}>
<Dropdown
menu={{ items }}
trigger={['click']}
placement="bottom"
destroyPopupOnHide
arrow
onOpenChange={() => (targetAssistant.current = assistant)}>
<MenuButton type="text" onClick={(e) => e.stopPropagation()}>
<MoreOutlined />
</MenuButton>
</Dropdown>
<AssistantName>{assistant.name}</AssistantName> <AssistantName>{assistant.name}</AssistantName>
<AssistantLastMessage>{assistant.description}</AssistantLastMessage> <AssistantLastMessage>{assistant.description}</AssistantLastMessage>
</AssistantItem> </AssistantItem>
@ -134,27 +121,4 @@ const AssistantLastMessage = styled.div`
height: 20px; height: 20px;
` `
const MenuButton = styled(Button)`
position: absolute;
width: 28px;
height: 28px;
padding: 0;
right: 6px;
top: 6px;
font-size: 18px;
border-radius: 50%;
transition: background-color 0.2s ease;
z-index: 10;
.anticon {
transition: all 0.3s ease;
color: var(--color-icon);
}
&:hover {
background-color: #ffffff30;
.anticon {
color: white;
}
}
`
export default Assistants export default Assistants