mirror of
https://github.com/langgenius/webapp-conversation.git
synced 2025-12-08 17:32:27 +08:00
05dcfcf0ca
- Replace .eslintrc.json with eslint.config.mjs - Simplify configuration using @antfu/eslint-config - Add necessary ESLint plugin dependencies - Disable overly strict style rules - Set package.json type to module for ESM support - Fix ESLint disable comment format 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
770 B
TypeScript
29 lines
770 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
interface Props {
|
|
isRequest: boolean
|
|
toolName: string
|
|
content: string
|
|
}
|
|
|
|
const Panel: FC<Props> = ({
|
|
isRequest,
|
|
toolName,
|
|
content,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className='rounded-md bg-gray-100 overflow-hidden border border-black/5'>
|
|
<div className='flex items-center px-2 py-1 leading-[18px] bg-gray-50 uppercase text-xs font-medium text-gray-500'>
|
|
{t(`tools.thought.${isRequest ? 'requestTitle' : 'responseTitle'}`)} {toolName}
|
|
</div>
|
|
<div className='p-2 border-t border-black/5 leading-4 text-xs text-gray-700'>{content}</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(Panel)
|