Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-19 06:30:10 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: add button related

Browse Source
This commit is contained in:
dev 2025-11-04 17:46:14 +08:00
parent b3316a4dc8
commit bd4a979f62
4 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/renderer/src/pages/home/Tabs/components/AddButton.tsx
View File

@ -1,25 +1,32 @@
import type { ButtonProps } from '@heroui/react' import type { ButtonProps } from 'antd'
import { Button } from '@heroui/react' import { Button } from 'antd'
import { cn } from '@renderer/utils'
import { PlusIcon } from 'lucide-react' import { PlusIcon } from 'lucide-react'
import type { FC } from 'react' import type { FC } from 'react'
import styled from 'styled-components'
interface Props extends ButtonProps { const StyledButton = styled(Button)`
children: React.ReactNode height: 36px;
} width: calc(var(--assistants-width) - 20px);
justify-content: flex-start;
border-radius: 8px;
padding: 0 12px;
font-size: 13px;
color: var(--color-text-2);
const AddButton: FC<Props> = ({ children, className, ...props }) => { &:hover {
background-color: var(--color-list-item);
}
`
const AddButton: FC<ButtonProps> = ({ ...props }) => {
return ( return (
<Button <StyledButton
{...props} {...props}
onPress={props.onPress} type="text"
className={cn( onClick={props.onClick}
'h-9 w-[calc(var(--assistants-width)-20px)] justify-start rounded-lg bg-transparent px-3 text-[13px] text-[var(--color-text-2)] hover:bg-[var(--color-list-item)]', icon={<PlusIcon size={16} style={{ flexShrink: 0 }} />}>
className {props.children}
)} </StyledButton>
startContent={<PlusIcon size={16} className="shrink-0" />}>
{children}
</Button>
) )
} }

3
src/renderer/src/pages/home/Tabs/components/Sessions.tsx
View File

@ -98,9 +98,10 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
return ( return (
<div className="sessions-tab flex h-full w-full flex-col p-2"> <div className="sessions-tab flex h-full w-full flex-col p-2">
<AddButton onPress={createDefaultSession} className="mb-2" isDisabled={creatingSession}> <AddButton onClick={createDefaultSession} disabled={creatingSession}>
{t('agent.session.add.title')} {t('agent.session.add.title')}
</AddButton> </AddButton>
<div className="my-1"></div>
{/* h-9 */} {/* h-9 */}
<DynamicVirtualList <DynamicVirtualList
list={sessions} list={sessions}

9
src/renderer/src/pages/home/Tabs/components/Topics.tsx
View File

@ -496,9 +496,12 @@ export const Topics: React.FC<Props> = ({ assistant: _assistant, activeTopic, se
style={{ height: '100%', padding: '11px 0 10px 10px' }} style={{ height: '100%', padding: '11px 0 10px 10px' }}
itemContainerStyle={{ paddingBottom: '8px' }} itemContainerStyle={{ paddingBottom: '8px' }}
header={ header={
<AddButton onPress={() => EventEmitter.emit(EVENT_NAMES.ADD_NEW_TOPIC)} className="mb-2"> <>
{t('chat.add.topic.title')} <AddButton onClick={() => EventEmitter.emit(EVENT_NAMES.ADD_NEW_TOPIC)}>
</AddButton> {t('chat.add.topic.title')}
</AddButton>
<div className="my-1"></div>
</>
}> }>
{(topic) => { {(topic) => {
const isActive = topic.id === activeTopic?.id const isActive = topic.id === activeTopic?.id

4
src/renderer/src/pages/home/Tabs/components/UnifiedAddButton.tsx
View File

@ -60,9 +60,7 @@ const UnifiedAddButton: FC<UnifiedAddButtonProps> = ({ onCreateAssistant, setAct
return ( return (
<div className="mb-1"> <div className="mb-1">
<AddButton onPress={handleAddButtonClick} className="-mt-[1px] mb-[2px]"> <AddButton onClick={handleAddButtonClick}>{t('chat.add.assistant.title')}</AddButton>
{t('chat.add.assistant.title')}
</AddButton>
<AgentModal isOpen={isAgentModalOpen} onClose={onAgentModalClose} afterSubmit={afterCreate} /> <AgentModal isOpen={isAgentModalOpen} onClose={onAgentModalClose} afterSubmit={afterCreate} />
</div> </div>
) )