TaskEditor を作成

itizawa · Dec 17, 2023 · 4c5baa9 · 4c5baa9
1 parent 2878e6c
commit 4c5baa9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/app/_components/domains/Task/TaskEditor/TaskEditor.tsx b/src/app/_components/domains/Task/TaskEditor/TaskEditor.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import { FC, useCallback } from 'react';
+import { Editor } from '~/app/_components/uiParts/Editor';
+import { Task } from '~/domains/Task';
+
+type Props = {
+  task?: Task;
+};
+
+export const TaskEditor: FC<Props> = ({ task }) => {
+  const handleEditorChange = useCallback(async (body: string) => {
+    console.log(body);
+  }, []);
+
+  return <Editor body={task?.body} onChange={handleEditorChange} placeholder="タスクの内容を記入しましょう" />;
+};
diff --git a/src/app/_components/domains/Task/TaskEditor/index.ts b/src/app/_components/domains/Task/TaskEditor/index.ts
@@ -0,0 +1 @@
+export { TaskEditor } from './TaskEditor';