Fix: tag & settings modal in dataset card in Firefox (#6953)

This commit is contained in:
KVOJJJin 2024-08-05 12:51:26 +08:00 committed by GitHub
parent f656e1bae2
commit 2288efbf48
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,7 +1,7 @@
'use client' 'use client'
import { useContext } from 'use-context-selector' import { useContext } from 'use-context-selector'
import Link from 'next/link' import { useRouter } from 'next/navigation'
import { useCallback, useEffect, useState } from 'react' import { useCallback, useEffect, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { import {
@ -33,6 +33,8 @@ const DatasetCard = ({
}: DatasetCardProps) => { }: DatasetCardProps) => {
const { t } = useTranslation() const { t } = useTranslation()
const { notify } = useContext(ToastContext) const { notify } = useContext(ToastContext)
const { push } = useRouter()
const { isCurrentWorkspaceDatasetOperator } = useAppContext() const { isCurrentWorkspaceDatasetOperator } = useAppContext()
const [tags, setTags] = useState<Tag[]>(dataset.tags) const [tags, setTags] = useState<Tag[]>(dataset.tags)
@ -107,10 +109,13 @@ const DatasetCard = ({
return ( return (
<> <>
<Link <div
href={`/datasets/${dataset.id}/documents`} className='group col-span-1 bg-white border-2 border-solid border-transparent rounded-xl shadow-sm min-h-[160px] flex flex-col transition-all duration-200 ease-in-out cursor-pointer hover:shadow-lg'
className='group flex col-span-1 bg-white border-2 border-solid border-transparent rounded-xl shadow-sm min-h-[160px] flex flex-col transition-all duration-200 ease-in-out cursor-pointer hover:shadow-lg'
data-disable-nprogress={true} data-disable-nprogress={true}
onClick={(e) => {
e.preventDefault()
push(`/datasets/${dataset.id}/documents`)
}}
> >
<div className='flex pt-[14px] px-[14px] pb-3 h-[66px] items-center gap-3 grow-0 shrink-0'> <div className='flex pt-[14px] px-[14px] pb-3 h-[66px] items-center gap-3 grow-0 shrink-0'>
<div className={cn( <div className={cn(
@ -200,7 +205,7 @@ const DatasetCard = ({
/> />
</div> </div>
</div> </div>
</Link> </div>
{showRenameModal && ( {showRenameModal && (
<RenameDatasetModal <RenameDatasetModal
show={showRenameModal} show={showRenameModal}