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

fix: form not submitting on enter (#1613)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2023-07-23 22:13:09 +05:30 committed by GitHub
parent 7669ee8755
commit ccbcfecc6d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/components/core/modals/link-modal.tsx
View File

@ -116,7 +116,7 @@ export const LinkModal: React.FC<Props> = ({ isOpen, handleClose, onFormSubmit }
</div> </div>
<div className="mt-5 flex justify-end gap-2"> <div className="mt-5 flex justify-end gap-2">
<SecondaryButton onClick={onClose}>Cancel</SecondaryButton> <SecondaryButton onClick={onClose}>Cancel</SecondaryButton>
<PrimaryButton onClick={handleSubmit(onSubmit)} loading={isSubmitting}> <PrimaryButton type="submit" loading={isSubmitting}>
{isSubmitting ? "Adding Link..." : "Add Link"} {isSubmitting ? "Adding Link..." : "Add Link"}
</PrimaryButton> </PrimaryButton>
</div> </div>

14
apps/app/components/core/sidebar/links-list.tsx
View File

@ -1,5 +1,3 @@
import Link from "next/link";
// icons // icons
import { ArrowTopRightOnSquareIcon, LinkIcon, TrashIcon } from "@heroicons/react/24/outline"; import { ArrowTopRightOnSquareIcon, LinkIcon, TrashIcon } from "@heroicons/react/24/outline";
// helpers // helpers
@ -30,14 +28,14 @@ export const LinksList: React.FC<Props> = ({ links, handleDeleteLink, userAuth }
<div key={link.id} className="relative"> <div key={link.id} className="relative">
{!isNotAllowed && ( {!isNotAllowed && (
<div className="absolute top-1.5 right-1.5 z-[1] flex items-center gap-1"> <div className="absolute top-1.5 right-1.5 z-[1] flex items-center gap-1">
<Link href={link.url}>
<a <a
className="grid h-7 w-7 place-items-center rounded bg-custom-background-90 p-1 outline-none hover:bg-custom-background-80" href={link.url}
target="_blank" target="_blank"
rel="noopener noreferrer"
className="grid h-7 w-7 place-items-center rounded bg-custom-background-90 p-1 outline-none hover:bg-custom-background-80"
> >
<ArrowTopRightOnSquareIcon className="h-4 w-4 text-custom-text-200" /> <ArrowTopRightOnSquareIcon className="h-4 w-4 text-custom-text-200" />
</a> </a>
</Link>
<button <button
type="button" type="button"
className="grid h-7 w-7 place-items-center rounded bg-custom-background-90 p-1 text-red-500 outline-none duration-300 hover:bg-red-500/20" className="grid h-7 w-7 place-items-center rounded bg-custom-background-90 p-1 text-red-500 outline-none duration-300 hover:bg-red-500/20"
@ -47,10 +45,11 @@ export const LinksList: React.FC<Props> = ({ links, handleDeleteLink, userAuth }
</button> </button>
</div> </div>
)} )}
<Link href={link.url}>
<a <a
className="relative flex gap-2 rounded-md bg-custom-background-90 p-2" href={link.url}
target="_blank" target="_blank"
rel="noopener noreferrer"
className="relative flex gap-2 rounded-md bg-custom-background-90 p-2"
> >
<div className="mt-0.5"> <div className="mt-0.5">
<LinkIcon className="h-3.5 w-3.5" /> <LinkIcon className="h-3.5 w-3.5" />
@ -67,7 +66,6 @@ export const LinksList: React.FC<Props> = ({ links, handleDeleteLink, userAuth }
</p> </p>
</div> </div>
</a> </a>
</Link>
</div> </div>
))} ))}
</> </>