refactor: add typescript support to project

src/common/hook/useDraft.ts

@@ -0,0 +1,26 @@
+import { updateDraftMarkdown, updateDraftMixedText } from "../../app/slices/ui";
+import { useAppDispatch, useAppSelector } from "../../app/store";
+
+export default function useDraft({ context = "", id = "" }) {
+  const dispatch = useAppDispatch();
+  const _key = `${context}_${id}`;
+  const { draftMarkdown, draftMixedText } = useAppSelector((store) => {
+    return {
+      draftMarkdown: store.ui.draftMarkdown,
+      draftMixedText: store.ui.draftMixedText
+    };
+  });
+
+  const getUpdateDraft = (type = "mixed") => {
+    const update = type == "mixed" ? updateDraftMixedText : updateDraftMarkdown;
+    return (value) => {
+      dispatch(update({ key: _key, value }));
+    };
+  };
+
+  const getDraft = (type = "mixed") => {
+    return type == "mixed" ? draftMixedText[_key] : draftMarkdown[_key];
+  };
+
+  return { getDraft, getUpdateDraft };
+}