feat: create helper React hooks

packages/app-headless-cms/src/admin/hooks/index.ts

@@ -0,0 +1,3 @@
+export { default as useCms } from "./useCms";
+export { default as useQuery } from "./useQuery";
+export { default as useMutation } from "./useMutation";

packages/app-headless-cms/src/admin/hooks/useCms.ts

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { CmsContext } from "@webiny/app-headless-cms/admin/contexts/Cms";
+
+const useCms = () => {
+    const context = useContext<any>(CmsContext);
+    if (!context) {
+        throw new Error("useCms must be used within a CmsProvider");
+    }
+
+    return context;
+};
+
+export default useCms;

packages/app-headless-cms/src/admin/hooks/useMutation.ts

@@ -0,0 +1,15 @@
+import useCms from "./useCms";
+import { useMutation as apolloUseMutation } from "react-apollo";
+
+const useMutation = function(mutation, options = {}) {
+    const {
+        environments: { apolloClient }
+    } = useCms();
+
+    return apolloUseMutation(mutation, {
+        client: apolloClient,
+        ...options
+    });
+};
+
+export default useMutation;

packages/app-headless-cms/src/admin/hooks/useQuery.ts

@@ -0,0 +1,16 @@
+import useCms from "./useCms";
+import { useQuery as apolloUseQuery } from "react-apollo";
+
+const useQuery = function(query, options = {}) {
+    const {
+        environments: { apolloClient }
+    } = useCms();
+
+    return apolloUseQuery(query, {
+        client: apolloClient,
+        skip: !apolloClient,
+        ...options
+    });
+};
+
+export default useQuery;