Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-07 13:52:42 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(ChatNavbar): make path info tag clickable to open file location

Browse Source 
Add onClick handler to InfoTag component to open file location when clicked
This commit is contained in:
icarus 2025-09-29 19:36:13 +08:00
parent 27c31d6e0c
commit d2d5b4370c
1 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/renderer/src/pages/home/ChatNavbar.tsx
View File

@ -20,7 +20,7 @@ import { Tooltip } from 'antd'
import { t } from 'i18next' import { t } from 'i18next'
import { Menu, PanelLeftClose, PanelRightClose, Search } from 'lucide-react' import { Menu, PanelLeftClose, PanelRightClose, Search } from 'lucide-react'
import { AnimatePresence, motion } from 'motion/react' import { AnimatePresence, motion } from 'motion/react'
import { FC, ReactNode, useCallback } from 'react' import React, { FC, ReactNode, useCallback } from 'react'
import styled from 'styled-components' import styled from 'styled-components'
import { AgentSettingsPopup } from '../settings/AgentSettings' import { AgentSettingsPopup } from '../settings/AgentSettings'
@ -193,13 +193,24 @@ const SessionWorkspaceMeta: FC<{ agentId: string; sessionId: string }> = ({ agen
const infoItems: ReactNode[] = [] const infoItems: ReactNode[] = []
const InfoTag: FC<{ text: string; className?: string }> = ({ text, className }) => ( const InfoTag = ({
text,
className,
onClick
}: {
text: string
className?: string
classNames?: {}
onClick?: (e: React.MouseEvent) => void
}) => (
<div <div
className={cn( className={cn(
'rounded-medium border border-default-200 px-2 py-1 text-foreground-500 text-xs dark:text-foreground-400', 'rounded-medium border border-default-200 px-2 py-1 text-foreground-500 text-xs dark:text-foreground-400',
onClick !== undefined ? 'cursor-pointer' : undefined,
className className
)} )}
title={text}> title={text}
onClick={onClick}>
<span className="block truncate">{text}</span> <span className="block truncate">{text}</span>
</div> </div>
) )
@ -207,7 +218,14 @@ const SessionWorkspaceMeta: FC<{ agentId: string; sessionId: string }> = ({ agen
// infoItems.push(<InfoTag key="name" text={agent.name ?? ''} className="max-w-60" />) // infoItems.push(<InfoTag key="name" text={agent.name ?? ''} className="max-w-60" />)
if (firstAccessiblePath) { if (firstAccessiblePath) {
infoItems.push(<InfoTag key="path" text={firstAccessiblePath} className="max-w-60" />) infoItems.push(
<InfoTag
key="path"
text={firstAccessiblePath}
className="max-w-60 transition-colors hover:border-primary hover:text-primary"
onClick={() => window.api.file.openPath(firstAccessiblePath)}
/>
)
} }
infoItems.push(<InfoTag key="permission-mode" text={permissionModeLabel} className="max-w-50" />) infoItems.push(<InfoTag key="permission-mode" text={permissionModeLabel} className="max-w-50" />)