gitea/infio-copilot-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update edit method view

Browse Source
This commit is contained in:
duanfuxiang 2025-03-23 09:45:14 +08:00
parent 635db9babd
commit d72c871716
3 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/chat-view/MarkdownApplyDiffBlock.tsx
View File

@ -1,4 +1,4 @@
import { Check, Edit, Loader2, X } from 'lucide-react' import { Check, Edit, Loader2, X, Diff } from 'lucide-react'
import { PropsWithChildren, useState } from 'react' import { PropsWithChildren, useState } from 'react'
import { useDarkModeContext } from '../../contexts/DarkModeContext' import { useDarkModeContext } from '../../contexts/DarkModeContext'
@ -24,7 +24,6 @@ export default function MarkdownApplyDiffBlock({
const [applying, setApplying] = useState(false) const [applying, setApplying] = useState(false)
const { isDarkMode } = useDarkModeContext() const { isDarkMode } = useDarkModeContext()
console.log('MarkdownApplyDiffBlock', { mode, applyStatus, onApply, path, diff, finish })
const handleApply = async () => { const handleApply = async () => {
if (applyStatus !== ApplyStatus.Idle) { if (applyStatus !== ApplyStatus.Idle) {
return return
@ -43,7 +42,7 @@ export default function MarkdownApplyDiffBlock({
<div className={'infio-chat-code-block-header'}> <div className={'infio-chat-code-block-header'}>
{path && ( {path && (
<div className={'infio-chat-code-block-header-filename'}> <div className={'infio-chat-code-block-header-filename'}>
<Edit size={10} className="infio-chat-code-block-header-icon" /> <Diff size={10} className="infio-chat-code-block-header-icon" />
{mode}: {path} {mode}: {path}
</div> </div>
)} )}

4
src/components/chat-view/MarkdownEditFileBlock.tsx
View File

@ -57,7 +57,7 @@ export default function MarkdownEditFileBlock({
} }
return ( return (
<div className={`infio-chat-code-block ${path ? 'has-filename' : ''}`}> <div className={`infio-chat-code-block ${path ? 'has-filename' : ''} infio-reasoning-block`}>
<div className={'infio-chat-code-block-header'}> <div className={'infio-chat-code-block-header'}>
{path && ( {path && (
<div className={'infio-chat-code-block-header-filename'}> <div className={'infio-chat-code-block-header-filename'}>
@ -106,6 +106,7 @@ export default function MarkdownEditFileBlock({
</button> </button>
</div> </div>
</div> </div>
<div className="infio-reasoning-content-wrapper">
<MemoizedSyntaxHighlighterWrapper <MemoizedSyntaxHighlighterWrapper
isDarkMode={isDarkMode} isDarkMode={isDarkMode}
language={language} language={language}
@ -115,5 +116,6 @@ export default function MarkdownEditFileBlock({
{String(children)} {String(children)}
</MemoizedSyntaxHighlighterWrapper> </MemoizedSyntaxHighlighterWrapper>
</div> </div>
</div>
) )
} }

9
src/components/chat-view/MarkdownSearchAndReplace.tsx
View File

@ -1,11 +1,12 @@
import { Check, Loader2, Replace, X } from 'lucide-react' import { Check, Loader2, Replace, X } from 'lucide-react'
import React, { useMemo } from 'react' import React from 'react'
import { useApp } from '../../contexts/AppContext' import { useApp } from '../../contexts/AppContext'
import { useDarkModeContext } from '../../contexts/DarkModeContext'
import { ApplyStatus, SearchAndReplaceToolArgs } from '../../types/apply' import { ApplyStatus, SearchAndReplaceToolArgs } from '../../types/apply'
import { openMarkdownFile } from '../../utils/obsidian' import { openMarkdownFile } from '../../utils/obsidian'
import { MemoizedSyntaxHighlighterWrapper } from './SyntaxHighlighterWrapper' import { MemoizedSyntaxHighlighterWrapper } from './SyntaxHighlighterWrapper'
import { useDarkModeContext } from '../../contexts/DarkModeContext'
export default function MarkdownSearchAndReplace({ export default function MarkdownSearchAndReplace({
applyStatus, applyStatus,
@ -45,7 +46,7 @@ export default function MarkdownSearchAndReplace({
return ( return (
<div <div
className={`infio-chat-code-block ${path ? 'has-filename' : ''}`} className={`infio-chat-code-block ${path ? 'has-filename' : ''} infio-reasoning-block`}
onClick={handleClick} onClick={handleClick}
> >
<div className={'infio-chat-code-block-header'}> <div className={'infio-chat-code-block-header'}>
@ -82,6 +83,7 @@ export default function MarkdownSearchAndReplace({
</button> </button>
</div> </div>
</div> </div>
<div className="infio-reasoning-content-wrapper">
<MemoizedSyntaxHighlighterWrapper <MemoizedSyntaxHighlighterWrapper
isDarkMode={isDarkMode} isDarkMode={isDarkMode}
language="markdown" language="markdown"
@ -91,5 +93,6 @@ export default function MarkdownSearchAndReplace({
{content} {content}
</MemoizedSyntaxHighlighterWrapper> </MemoizedSyntaxHighlighterWrapper>
</div> </div>
</div>
) )
} }