thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: module delete modal outside click event propagation (#4265)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-04-24 15:16:47 +05:30 committed by GitHub
parent d87edede79
commit 6e574515e0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 88 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/modules/module-list-item.tsx
View File

@ -135,6 +135,7 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
const completedModuleCheck = moduleDetails.status === "completed"; const completedModuleCheck = moduleDetails.status === "completed";
return ( return (
<div className="group flex w-full flex-col items-center justify-between gap-5 border-b border-custom-border-100 bg-custom-background-100 px-5 py-6 text-sm hover:bg-custom-background-90 sm:flex-row">
<Link <Link
href={`/${workspaceSlug}/projects/${moduleDetails.project_id}/modules/${moduleDetails.id}`} href={`/${workspaceSlug}/projects/${moduleDetails.project_id}/modules/${moduleDetails.id}`}
onClick={(e) => { onClick={(e) => {
@ -142,9 +143,8 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
openModuleOverview(e); openModuleOverview(e);
} }
}} }}
className="relative flex w-full items-center justify-between gap-3 overflow-hidden"
> >
<div className="group flex w-full flex-col items-center justify-between gap-5 border-b border-custom-border-100 bg-custom-background-100 px-5 py-6 text-sm hover:bg-custom-background-90 sm:flex-row">
<div className="relative flex w-full items-center justify-between gap-3 overflow-hidden">
<div className="relative flex w-full items-center gap-3 overflow-hidden"> <div className="relative flex w-full items-center gap-3 overflow-hidden">
<div className="flex items-center gap-4 truncate"> <div className="flex items-center gap-4 truncate">
<span className="flex-shrink-0"> <span className="flex-shrink-0">
@ -183,8 +183,7 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
</span> </span>
)} )}
</div> </div>
</div> </Link>
<div className="relative flex w-full items-center justify-between gap-2.5 sm:w-auto sm:flex-shrink-0 sm:justify-end "> <div className="relative flex w-full items-center justify-between gap-2.5 sm:w-auto sm:flex-shrink-0 sm:justify-end ">
<div className="text-xs text-custom-text-300"> <div className="text-xs text-custom-text-300">
{renderDate && ( {renderDate && (
@ -232,6 +231,5 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
</div> </div>
</div> </div>
</div> </div>
</Link>
); );
}); });