datocms-plugin-netlify-forms 0.0.2 → 0.0.3

package/README.md

@@ -1,4 +1,4 @@
-# Netlify forms
+# Netlify forms management for DatoCMS
 
 Plugin that allows DatoCMS show and manage Netlify form submissions
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datocms-plugin-netlify-forms",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Plugin that allows DatoCMS show and manage Netlify form submissions",
   "homepage": "https://github.com/gempi/datocms-plugin-netlify-forms#readme",
   "author": "Matthias Gemperli <hello@matthiasgemperli.ch>",

package/src/entrypoints/ConfigScreen.tsx

@@ -22,8 +22,8 @@ export type ValidParameters = {
 type Parameters = ValidParameters;
 
 export default function ConfigScreen({ ctx }: PropTypes) {
-  const accessToken = ctx.plugin.attributes.parameters.accessToken;
-  const site = ctx.plugin.attributes.parameters.site;
+  const parameters = ctx.plugin.attributes.parameters;
+  const accessToken = parameters.accessToken;
   const [sites, setSites] = useState([]);
 
   useEffect(() => {
@@ -65,6 +65,10 @@ export default function ConfigScreen({ ctx }: PropTypes) {
           return errors;
         }}
         onSubmit={async (values) => {
+          if (values.accessToken !== accessToken) {
+            setSites([]);
+          }
+
           await ctx.updatePluginParameters(values);
           ctx.notice("Settings updated successfully!");
         }}
@@ -97,7 +101,7 @@ export default function ConfigScreen({ ctx }: PropTypes) {
                 )}
               </Field>
 
-              {site || sites.length > 0 ? (
+              {sites.length > 0 ? (
                 <Field name="site">
                   {({ input, meta: { error } }) => (
                     <SelectField

package/src/pages/SubmissionsPage.tsx

@@ -29,6 +29,8 @@ export default function SubmissionsPage({ ctx }: PropTypes) {
           }
         );
 
+        setLoading(false);
+
         if (!response.ok) {
           const message = `An error has occured: ${response.status}`;
           ctx.alert(message);
@@ -36,7 +38,6 @@ export default function SubmissionsPage({ ctx }: PropTypes) {
 
         const forms = await response.json();
         setSubmissions(forms);
-        setLoading(false);
       };
 
       getSubmissions();