feat: add analyze query parameter

gjgd · Jun 27, 2020 · 441ed08 · 441ed08
1 parent 4cdf90b
commit 441ed08
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/packages/app/src/components/CheckJsonButton.tsx b/packages/app/src/components/CheckJsonButton.tsx
@@ -5,6 +5,7 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 import { green, red } from '@material-ui/core/colors';
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import clsx from 'clsx';
+import { getQueryParameter } from '../utils';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -43,6 +44,7 @@ const CheckJsonButton: React.FunctionComponent<{
   value: Object;
   setResult: any;
 }> = ({ value, setResult }) => {
+  const analyzeQueryParameter = getQueryParameter('analyze');
   const classes = useStyles();
   const [loading, setLoading] = React.useState(false);
   const [success, setSuccess] = React.useState(false);
@@ -53,12 +55,7 @@ const CheckJsonButton: React.FunctionComponent<{
     [classes.buttonError]: error,
   });
 
-  React.useEffect(() => {
-    setSuccess(false);
-    setError(false);
-  }, [value]);
-
-  const onClick = async () => {
+  const analyzeObject = async () => {
     if (!loading) {
       setLoading(true);
       const res = await check(value);
@@ -69,6 +66,18 @@ const CheckJsonButton: React.FunctionComponent<{
     }
   };
 
+  React.useEffect(() => {
+    if (analyzeQueryParameter === '1') {
+      analyzeObject();
+    }
+    // eslint-disable-next-line
+  }, [analyzeQueryParameter]);
+
+  React.useEffect(() => {
+    setSuccess(false);
+    setError(false);
+  }, [value]);
+
   return (
     <div className={classes.root}>
       {success}
@@ -79,7 +88,7 @@ const CheckJsonButton: React.FunctionComponent<{
           color="primary"
           className={buttonClassname}
           disabled={loading}
-          onClick={onClick}
+          onClick={analyzeObject}
         >
           Check
         </Button>

diff --git a/packages/app/src/components/CheckJsonTab.tsx b/packages/app/src/components/CheckJsonTab.tsx
@@ -27,13 +27,15 @@ const useStyles = makeStyles((theme) => ({
 
 const CheckJsonTab: React.FunctionComponent<{}> = () => {
   const classes = useStyles();
+  // Json query parameter
   const jsonQueryParameter = getQueryParameter('json');
   let defaultJson: string;
   if (jsonQueryParameter) {
     defaultJson = decodeURIComponent(jsonQueryParameter);
   } else {
     defaultJson = defaultValue;
   }
+
   const [jsonValue, setJsonValue] = React.useState(defaultJson);
   const [result, setResult] = React.useState<JsonLdCheckResult>();