js/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost synced 2025-03-28 21:13:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: add cancel button for editing comments (#580)

Browse Source 
* fix: add cancel button for editing comments

* cleanup

---------

Co-authored-by: Philipinho <16838612+Philipinho@users.noreply.github.com>
This commit is contained in:
Naifer 2025-01-15 17:37:57 +01:00 committed by GitHub
parent f7efb6c2c9
commit 71cfe3cd8e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/client/src/features/comment/components/comment-actions.tsx
View File

@ -4,13 +4,26 @@ import { useTranslation } from "react-i18next";
type CommentActionsProps = {
onSave: () => void;
isLoading?: boolean;
onCancel?: () => void;
isCommentEditor?: boolean;
};
function CommentActions({ onSave, isLoading }: CommentActionsProps) {
function CommentActions({
onSave,
isLoading,
onCancel,
isCommentEditor,
}: CommentActionsProps) {
const { t } = useTranslation();
return (
<Group justify="flex-end" pt={2} wrap="nowrap">
<Group justify="flex-end" pt="sm" wrap="nowrap">
{isCommentEditor && (
<Button size="compact-sm" variant="default" onClick={onCancel}>
{t("Cancel")}
</Button>
)}
<Button size="compact-sm" loading={isLoading} onClick={onSave}>
{t("Save")}
</Button>

5
apps/client/src/features/comment/components/comment-list-item.tsx
View File

@ -58,6 +58,9 @@ function CommentListItem({ comment }: CommentListItemProps) {
function handleEditToggle() {
setIsEditing(true);
}
function cancelEdit() {
setIsEditing(false);
}
return (
<Box ref={ref} pb="xs">
@ -115,6 +118,8 @@ function CommentListItem({ comment }: CommentListItemProps) {
<CommentActions
onSave={handleUpdateComment}
isLoading={isLoading}
onCancel={cancelEdit}
isCommentEditor={true}
/>
</>
)}