5b9858a8a3
Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: JzoNg <jzongcode@gmail.com> Co-authored-by: Gillian97 <jinling.sunshine@gmail.com>
51 lines
1.7 KiB
TypeScript
51 lines
1.7 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import OperationBtn from '@/app/components/app/configuration/base/operation-btn'
|
|
import Panel from '@/app/components/app/configuration/base/feature-panel'
|
|
import { MessageClockCircle } from '@/app/components/base/icons/src/vender/solid/general'
|
|
|
|
type Props = {
|
|
showWarning: boolean
|
|
onShowEditModal: () => void
|
|
}
|
|
|
|
const HistoryPanel: FC<Props> = ({
|
|
showWarning,
|
|
onShowEditModal,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<Panel
|
|
className='mt-3'
|
|
title={
|
|
<div className='flex items-center gap-2'>
|
|
<div>{t('appDebug.feature.conversationHistory.title')}</div>
|
|
</div>
|
|
}
|
|
headerIcon={
|
|
<div className='p-1 rounded-md bg-white shadow-xs'>
|
|
<MessageClockCircle className='w-4 h-4 text-[#DD2590]' />
|
|
</div>}
|
|
headerRight={
|
|
<div className='flex items-center'>
|
|
<div className='text-xs text-gray-500'>{t('appDebug.feature.conversationHistory.description')}</div>
|
|
<div className='ml-3 w-[1px] h-[14px] bg-gray-200'></div>
|
|
<OperationBtn type="edit" onClick={onShowEditModal} />
|
|
</div>
|
|
}
|
|
noBodySpacing
|
|
>
|
|
{showWarning && (
|
|
<div className='flex justify-between py-2 px-3 rounded-b-xl bg-[#FFFAEB] text-xs text-gray-700'>
|
|
{/* <div>{t('appDebug.feature.conversationHistory.tip')} <a href="https://docs.dify.ai/getting-started/readme" target='_blank' className='text-[#155EEF]'>{t('appDebug.feature.conversationHistory.learnMore')}</a></div> */}
|
|
<div>{t('appDebug.feature.conversationHistory.tip')}</div>
|
|
</div>
|
|
)}
|
|
</Panel>
|
|
)
|
|
}
|
|
export default React.memo(HistoryPanel)
|