Merge pull request #31 from Ma11hewThomas/main

fix(encoders): add error handling to en/decodeURI
drodil · Mar 24, 2023 · 15521fc · 15521fc
2 parents f3c3110 + 4eb84b0
commit 15521fc
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/plugins/toolbox/src/components/Encoders/UrlEncode.tsx b/plugins/toolbox/src/components/Encoders/UrlEncode.tsx
@@ -7,11 +7,16 @@ export const UrlEncode = () => {
   const [mode, setMode] = React.useState('Encode');
 
   useEffect(() => {
-    if (mode === 'Encode') {
-      setOutput(encodeURI(input));
-    } else {
-      setOutput(decodeURI(input));
+    let url = '';
+    let errorMessage = '';
+    try {
+      url = mode === 'Encode' ? encodeURI(input) : decodeURI(input);
+    } catch (error) {
+      errorMessage = `couldn't ${
+        mode === 'Encode' ? 'encode' : 'decode'
+      } URL...`;
     }
+    setOutput(url || errorMessage);
   }, [input, mode]);
 
   return (