Merge pull request #477 from chicagopcdc/pcdc_dev

Pcdc dev

.gitignore

@@ -9,4 +9,5 @@ data/graphvizLayout.json
 src/params.js
 __generated__/
 *.log
-.DS_Store
+.DS_Store
+.idea/

.storybook/preview.js

@@ -3,10 +3,11 @@ import {
   faAnchor,
   faAngleUp,
   faAngleDown,
+  faCheckCircle,
 } from '@fortawesome/free-solid-svg-icons';
 import '@fontsource/raleway';
 import 'graphiql/graphiql.css';
 import '@src/base.css';
 import '@src/icon.css';
 
-library.add(faAnchor, faAngleUp, faAngleDown);
+library.add(faAnchor, faAngleUp, faAngleDown, faCheckCircle);

.storybook/stories/FilterSetForms.jsx

@@ -4,10 +4,12 @@ import { Provider } from 'react-redux';
 import FilterSetCreateForm from '@src/GuppyDataExplorer/ExplorerFilterSetForms/FilterSetCreateForm';
 import FilterSetDeleteForm from '@src/GuppyDataExplorer/ExplorerFilterSetForms/FilterSetDeleteForm';
 import FilterSetOpenForm from '@src/GuppyDataExplorer/ExplorerFilterSetForms/FilterSetOpenForm';
+import FilterSetShareForm from '@src/GuppyDataExplorer/ExplorerFilterSetForms/FilterSetShareForm';
 import FilterSetUpdateForm from '@src/GuppyDataExplorer/ExplorerFilterSetForms/FilterSetUpdateForm';
 import {
   testFilterSets,
   testReduxStore,
+  testToken,
 } from '@src/GuppyDataExplorer/ExplorerFilterSetForms/testData';
 
 const style = {
@@ -60,6 +62,17 @@ storiesOf('FilterSetForms', module)
         filterSets={testFilterSets}
         onAction={action('open')}
         onClose={action('close')}
+        fetchWithToken={(token) => {
+          action('fetch-shared')(token);
+          setTimeout(() => {});
+          return new Promise((resolve, reject) => {
+            setTimeout(
+              () =>
+                token === testToken ? resolve(testFilterSets[0]) : reject(),
+              1000
+            );
+          });
+        }}
       />
     </Wrapper>
   ))
@@ -74,4 +87,35 @@ storiesOf('FilterSetForms', module)
         onClose={action('close')}
       />
     </Wrapper>
+  ))
+  .add('Share form', () => (
+    <>
+      <strong>Success</strong>
+      <Wrapper>
+        <FilterSetShareForm
+          onAction={() => {
+            action('share')();
+            setTimeout(() => {});
+            return new Promise((resolve) => {
+              setTimeout(() => resolve(testToken), 1000);
+            });
+          }}
+          onClose={action('close')}
+        />
+      </Wrapper>
+      <br />
+      <strong>Error</strong>
+      <Wrapper>
+        <FilterSetShareForm
+          onAction={() => {
+            action('share')();
+            setTimeout(() => {});
+            return new Promise((_, reject) => {
+              setTimeout(() => reject(), 1000);
+            });
+          }}
+          onClose={action('close')}
+        />
+      </Wrapper>
+    </>
   ));