binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: pwa sticky issue comment (#5419)

Browse source
This commit is contained in:
Anmol Singh Bhatia 2024-08-23 19:06:12 +05:30 • committed by GitHub
parent 700f3ee823
commit 9065932c86
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/core/components/issues/issue-detail/issue-activity/comments/comment-create.tsx
View file

@ -7,9 +7,10 @@ import { LiteTextEditor } from "@/components/editor/lite-text-editor/lite-text-e
// constants // constants
import { EIssueCommentAccessSpecifier } from "@/constants/issue"; import { EIssueCommentAccessSpecifier } from "@/constants/issue";
// helpers // helpers
import { cn } from "@/helpers/common.helper";
import { isEmptyHtmlString } from "@/helpers/string.helper"; import { isEmptyHtmlString } from "@/helpers/string.helper";
// hooks // hooks
import { useWorkspace } from "@/hooks/store"; import { useIssueDetail, useWorkspace } from "@/hooks/store";
// editor // editor
import { TActivityOperations } from "../root"; import { TActivityOperations } from "../root";
@ -27,6 +28,7 @@ export const IssueCommentCreate: FC<TIssueCommentCreate> = (props) => {
const editorRef = useRef<any>(null); const editorRef = useRef<any>(null);
// store hooks // store hooks
const workspaceStore = useWorkspace(); const workspaceStore = useWorkspace();
const { peekIssue } = useIssueDetail();
// derived values // derived values
const workspaceId = workspaceStore.getWorkspaceBySlug(workspaceSlug as string)?.id as string; const workspaceId = workspaceStore.getWorkspaceBySlug(workspaceSlug as string)?.id as string;
// form info // form info
@ -58,6 +60,9 @@ export const IssueCommentCreate: FC<TIssueCommentCreate> = (props) => {
return ( return (
<div <div
className={cn("sticky bottom-0 z-10 bg-custom-background-100 sm:static", {
"-bottom-5": !peekIssue,
})}
onKeyDown={(e) => { onKeyDown={(e) => {
if (e.key === "Enter" && !e.shiftKey && !e.ctrlKey && !e.metaKey && !isEmpty && !isSubmitting) if (e.key === "Enter" && !e.shiftKey && !e.ctrlKey && !e.metaKey && !isEmpty && !isSubmitting)
handleSubmit(onSubmit)(e); handleSubmit(onSubmit)(e);