handle onblur for emebed domains (#2199)

bump browser extension commit handle onblur for emebed domains
Mintplex-Labs · Aug 29, 2024 · bc0cc20 · bc0cc20
1 parent 334fd9c
commit bc0cc20
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/browser-extension b/browser-extension
diff --git a/frontend/src/pages/GeneralSettings/EmbedConfigs/NewEmbedModal/index.jsx b/frontend/src/pages/GeneralSettings/EmbedConfigs/NewEmbedModal/index.jsx
@@ -250,6 +250,25 @@ export const PermittedDomains = ({ defaultValue = [] }) => {
     setDomains(validDomains);
   };
 
+  const handleBlur = (event) => {
+    const currentInput = event.target.value;
+    if (!currentInput) return;
+
+    const validDomains = [...domains, currentInput].map((input) => {
+      let url = input;
+      if (!url.includes("http://") && !url.includes("https://"))
+        url = `https://${url}`;
+      try {
+        new URL(url);
+        return url;
+      } catch {
+        return null;
+      }
+    });
+    event.target.value = "";
+    setDomains(validDomains);
+  };
+
   return (
     <div>
       <div className="flex flex-col mb-2">
@@ -270,6 +289,7 @@ export const PermittedDomains = ({ defaultValue = [] }) => {
       <TagsInput
         value={domains}
         onChange={handleChange}
+        onBlur={handleBlur}
         placeholder="https://mysite.com, https://anythingllm.com"
         classNames={{
           tag: "bg-blue-300/10 text-zinc-800 m-1",