Merge branch 'master' of https://github.com/pawelmalak/flame into merge_upstream_2020-12-06

client/src/components/Bookmarks/Form/Form.tsx

@@ -0,0 +1,54 @@
+import { Fragment } from 'react';
+import { useSelector } from 'react-redux';
+
+import { State } from '../../../store/reducers';
+import { bookmarkCategoryTemplate, bookmarkTemplate } from '../../../utility';
+import { ContentType } from '../Bookmarks';
+import { BookmarksForm } from './BookmarksForm';
+import { CategoryForm } from './CategoryForm';
+
+// Typescript
+// Utils
+interface Props {
+  modalHandler: () => void;
+  contentType: ContentType;
+  inUpdate?: boolean;
+}
+
+export const Form = (props: Props): JSX.Element => {
+  const { categoryInEdit, bookmarkInEdit } = useSelector(
+    (state: State) => state.bookmarks
+  );
+
+  const { modalHandler, contentType, inUpdate } = props;
+
+  return (
+    <Fragment>
+      {!inUpdate ? (
+        // form: add new
+        <Fragment>
+          {contentType === ContentType.category ? (
+            <CategoryForm modalHandler={modalHandler} />
+          ) : (
+            <BookmarksForm modalHandler={modalHandler} />
+          )}
+        </Fragment>
+      ) : (
+        // form: update
+        <Fragment>
+          {contentType === ContentType.category ? (
+            <CategoryForm
+              modalHandler={modalHandler}
+              category={categoryInEdit || bookmarkCategoryTemplate}
+            />
+          ) : (
+            <BookmarksForm
+              modalHandler={modalHandler}
+              bookmark={bookmarkInEdit || bookmarkTemplate}
+            />
+          )}
+        </Fragment>
+      )}
+    </Fragment>
+  );
+};