Commit 210a7c92 by Liu

fix:注释点赞点踩操作

parent 5e4d7627
......@@ -2,15 +2,10 @@ import { Button, Tooltip } from '@heroui/react'
import { useRef, useState } from 'react'
import { useDebounceFn } from 'ahooks'
import type { Answer } from '@/types/chat'
import LikeIcon from '@/assets/svg/zan.svg?react'
import LikeIconA from '@/assets/svg/zanA.svg?react'
import UnLikeIcon from '@/assets/svg/cai.svg?react'
import UnLikeIconA from '@/assets/svg/caiA.svg?react'
import CopyIcon from '@/assets/svg/copy.svg?react'
import CollectIcon from '@/assets/svg/shouc.svg?react'
import CollectIconA from '@/assets/svg/shoucA.svg?react'
import useToast from '@/hooks/useToast'
import { fetchCancelCollection, fetchSubmitCollection, fetchSubmitFeedback } from '@/api/chat'
import { fetchCancelCollection, fetchSubmitCollection } from '@/api/chat'
import { UnLikeModal } from '@/components/UnLikeModal'
interface ChatAnswerOperateProps {
......@@ -19,8 +14,8 @@ interface ChatAnswerOperateProps {
export const ChatAnswerOperate: React.FC<ChatAnswerOperateProps> = ({ answer }) => {
const showToast = useToast()
const [isCollect, setIsCollect] = useState(answer.collectionFlag)
const [isLike, setIsLike] = useState(answer.feedbackStatus === '01')
const [isUnLike, setIsUnLike] = useState(answer.feedbackStatus === '02')
// const [isLike, setIsLike] = useState(answer.feedbackStatus === '01')
// const [isUnLike, setIsUnLike] = useState(answer.feedbackStatus === '02')
const [isOpenUnLikeModal, setIsOpenUnLikeOpen] = useState(false)
const isProcessingRef = useRef(false)
......@@ -58,91 +53,91 @@ export const ChatAnswerOperate: React.FC<ChatAnswerOperateProps> = ({ answer })
}
}, { wait: 200 })
const handleLike = useDebounceFn(async () => {
if (!isLike) {
setIsLike(true)
setIsUnLike(false)
await fetchSubmitFeedback({
recordId: answer.recordId,
feedbackStatus: '01',
content: '',
})
showToast('感谢您的反馈', 'success')
}
else {
setIsLike(false)
await fetchSubmitFeedback({
recordId: answer.recordId,
feedbackStatus: '00',
content: '',
})
}
})
// const handleLike = useDebounceFn(async () => {
// if (!isLike) {
// setIsLike(true)
// setIsUnLike(false)
// await fetchSubmitFeedback({
// recordId: answer.recordId,
// feedbackStatus: '01',
// content: '',
// })
// showToast('感谢您的反馈', 'success')
// }
// else {
// setIsLike(false)
// await fetchSubmitFeedback({
// recordId: answer.recordId,
// feedbackStatus: '00',
// content: '',
// })
// }
// })
const handleUnLike = async () => {
if (!isUnLike) {
setIsUnLike(true)
setIsLike(false)
await fetchSubmitFeedback({
recordId: answer.recordId,
feedbackStatus: '02',
content: '',
})
showToast('感谢您的反馈', 'success')
}
else {
setIsUnLike(false)
await fetchSubmitFeedback({
recordId: answer.recordId,
feedbackStatus: '00',
content: '',
})
}
}
// const handleUnLike = async () => {
// if (!isUnLike) {
// setIsUnLike(true)
// setIsLike(false)
// await fetchSubmitFeedback({
// recordId: answer.recordId,
// feedbackStatus: '02',
// content: '',
// })
// showToast('感谢您的反馈', 'success')
// }
// else {
// setIsUnLike(false)
// await fetchSubmitFeedback({
// recordId: answer.recordId,
// feedbackStatus: '00',
// content: '',
// })
// }
// }
const handleClose = (isSubmit?: boolean) => {
setIsOpenUnLikeOpen(false)
if (isSubmit) {
setIsLike(false)
setIsUnLike(true)
// setIsLike(false)
// setIsUnLike(true)
showToast('感谢您的反馈', 'success')
}
}
const handleCopy = async () => {
try {
await navigator.clipboard.writeText(answer.answer)
showToast('复制成功!', 'success')
}
catch {
// 如果 clipboard API 不可用,使用传统方法
const textArea = document.createElement('textarea')
textArea.value = answer.answer
document.body.appendChild(textArea)
textArea.select()
document.execCommand('copy')
document.body.removeChild(textArea)
showToast('复制成功!', 'success')
}
}
// const handleCopy = async () => {
// try {
// await navigator.clipboard.writeText(answer.answer)
// showToast('复制成功!', 'success')
// }
// catch {
// // 如果 clipboard API 不可用,使用传统方法
// const textArea = document.createElement('textarea')
// textArea.value = answer.answer
// document.body.appendChild(textArea)
// textArea.select()
// document.execCommand('copy')
// document.body.removeChild(textArea)
// showToast('复制成功!', 'success')
// }
// }
return (
<div className="sm:mt-[12px] flex gap-[4px] justify-end">
{/* 点赞 */}
<Tooltip color="foreground" content={isLike ? '取消点赞' : '点赞'} className="capitalize">
{/* <Tooltip color="foreground" content={isLike ? '取消点赞' : '点赞'} className="capitalize">
<Button variant="light" isIconOnly aria-label="LikeIcon" onPress={handleLike.run}>
{isLike ? <LikeIconA /> : <LikeIcon />}
</Button>
</Tooltip>
</Tooltip> */}
{/* 点踩 */}
<Tooltip color="foreground" content={isUnLike ? '取消点踩' : '点踩'} className="capitalize">
{/* <Tooltip color="foreground" content={isUnLike ? '取消点踩' : '点踩'} className="capitalize">
<Button variant="light" isIconOnly aria-label="UnLikeIcon" onPress={handleUnLike}>
{isUnLike ? <UnLikeIconA /> : <UnLikeIcon />}
</Button>
</Tooltip>
</Tooltip> */}
{/* 复制 */}
<Tooltip color="foreground" content="复制" className="capitalize">
{/* <Tooltip color="foreground" content="复制" className="capitalize">
<Button variant="light" isIconOnly aria-label="CopyIcon" onPress={handleCopy}><CopyIcon /></Button>
</Tooltip>
</Tooltip> */}
{/* 收藏 */}
<Tooltip color="foreground" content={isCollect ? '取消收藏' : '收藏'} className="capitalize">
<Button variant="light" isIconOnly aria-label="CollectIcon" onPress={handleCollect.run}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment