mirror of
https://github.com/langgenius/dify.git
synced 2025-11-04 12:53:38 +00:00
7709d9df20
Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { RiDownloadLine } from '@remixicon/react'
|
|
import {
|
|
useCSVDownloader,
|
|
} from 'react-papaparse'
|
|
import { useTranslation } from 'react-i18next'
|
|
import ActionButton from '@/app/components/base/action-button'
|
|
import Button from '@/app/components/base/button'
|
|
import cn from '@/utils/classnames'
|
|
|
|
export type IResDownloadProps = {
|
|
isMobile: boolean
|
|
values: Record<string, string>[]
|
|
}
|
|
|
|
const ResDownload: FC<IResDownloadProps> = ({
|
|
isMobile,
|
|
values,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
const { CSVDownloader, Type } = useCSVDownloader()
|
|
|
|
return (
|
|
<CSVDownloader
|
|
className="block cursor-pointer"
|
|
type={Type.Link}
|
|
filename={'result'}
|
|
bom={true}
|
|
config={{
|
|
// delimiter: ';',
|
|
}}
|
|
data={values}
|
|
>
|
|
{isMobile && (
|
|
<ActionButton>
|
|
<RiDownloadLine className='h-4 w-4' />
|
|
</ActionButton>
|
|
)}
|
|
{!isMobile && (
|
|
<Button className={cn('space-x-1')}>
|
|
<RiDownloadLine className='h-4 w-4' />
|
|
<span>{t('common.operation.download')}</span>
|
|
</Button>
|
|
)}
|
|
</CSVDownloader>
|
|
)
|
|
}
|
|
export default React.memo(ResDownload)
|