add comments for guests

src/components/comment/CommentEditingForm/index.tsx

@@ -0,0 +1,38 @@
+import { FC } from 'react';
+
+import { CommentForm } from '~/components/comment/CommentForm';
+import { UploadDropzone } from '~/components/upload/UploadDropzone';
+import { UploadSubject, UploadTarget } from '~/constants/uploads';
+import { useUploader } from '~/hooks/data/useUploader';
+import { IComment, INode } from '~/types';
+import { UploaderContextProvider } from '~/utils/context/UploaderContextProvider';
+
+interface CommentEditingFormProps {
+  comment: IComment;
+  nodeId: INode['id'];
+  saveComment: (data: IComment) => Promise<IComment | undefined>;
+  onCancelEdit?: () => void;
+}
+
+const CommentEditingForm: FC<CommentEditingFormProps> = ({
+  saveComment,
+  comment,
+  onCancelEdit,
+}) => {
+  const uploader = useUploader(UploadSubject.Comment, UploadTarget.Comments);
+
+  return (
+    <UploadDropzone onUpload={uploader.uploadFiles}>
+      <UploaderContextProvider value={uploader}>
+        <CommentForm
+          saveComment={saveComment}
+          comment={comment}
+          onCancelEdit={onCancelEdit}
+          allowUploads
+        />
+      </UploaderContextProvider>
+    </UploadDropzone>
+  );
+};
+
+export { CommentEditingForm };