fix email button

apps/client/src/features/comment/components/comment-actions.tsx

@@ -24,12 +24,7 @@ function CommentActions({
         </Button>
       )}
 
-      <Button
+      <Button size="compact-sm" loading={isLoading} onClick={onSave}>
-        size="compact-sm"
-        loading={isLoading}
-        onClick={onSave}
-        onMouseDown={(e) => e.preventDefault()}
-      >
         {t("Save")}
       </Button>
     </Group>

apps/client/src/features/comment/components/comment-list-with-tabs.tsx

@@ -27,9 +27,6 @@ import { extractPageSlugId } from "@/lib";
 import { useTranslation } from "react-i18next";
 import { useGetSpaceBySlugQuery } from "@/features/space/queries/space-query.ts";
 import { IconArrowUp, IconMessageOff } from "@tabler/icons-react";
-import { useAtom } from "jotai";
-import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
-import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
 
 function CommentListWithTabs() {
   const { t } = useTranslation();
@@ -348,7 +345,6 @@ const PageCommentInput = ({ onSave, isLoading }) => {
   const [content, setContent] = useState("");
   const { ref, focused } = useFocusWithin();
   const commentEditorRef = useRef(null);
-  const [currentUser] = useAtom(currentUserAtom);
 
   const handleSave = useCallback(() => {
     onSave(null, content);
@@ -367,30 +363,19 @@ const PageCommentInput = ({ onSave, isLoading }) => {
         position: "relative",
       }}
     >
-      <Group wrap="nowrap" align="flex-start" gap="xs">
+      <CommentEditor
-        <CustomAvatar
+        ref={commentEditorRef}
-          size="sm"
+        onUpdate={setContent}
-          avatarUrl={currentUser?.user?.avatarUrl}
+        onSave={handleSave}
-          name={currentUser?.user?.name}
+        editable={true}
-          style={{ flexShrink: 0, marginTop: 10 }}
+        placeholder={t("Add a comment...")}
-        />
+      />
-        <div style={{ flex: 1, minWidth: 0 }}>
-          <CommentEditor
-            ref={commentEditorRef}
-            onUpdate={setContent}
-            onSave={handleSave}
-            editable={true}
-            placeholder={t("Add a comment...")}
-          />
-        </div>
-      </Group>
       {focused && (
         <ActionIcon
           variant="filled"
           radius="xl"
           size="sm"
           onClick={handleSave}
-          onMouseDown={(e) => e.preventDefault()}
           loading={isLoading}
           style={{ position: "absolute", right: 8, bottom: 30 }}
         >