Merge pull request #243 from Vandivier/fix-url-parsing

fix: parse url

src/app/user-checklists/components/UserChecklistQueryHandler.tsx

@@ -5,6 +5,7 @@ import React from "react"
 import updateUserChecklistItem from "src/app/user-checklist-items/mutations/updateUserChecklistItem"
 import getLatestUserChecklistByName from "src/app/user-checklists/queries/getLatestUserChecklistByName"
 import { UserChecklistItemWithChecklistItem } from "src/app/user-checklists/schemas"
+import { parseUrl } from "src/core/utils/parsing"
 
 const MAGIC_LINK_SUBSTR = "###LINK###"
 
@@ -64,7 +65,7 @@ const UserChecklistItemList = ({
                     <React.Fragment key={index}>
                       {part}
                       <Link
-                        href={{ pathname: checklistItem.linkUri }}
+                        href={parseUrl(checklistItem.linkUri)}
                         target="_blank"
                         rel="noreferrer"
                         className="font-bold hover:underline"

src/core/utils/parsing.ts

@@ -0,0 +1,20 @@
+type ParsedUrl = {
+  pathname: string
+  search: string
+}
+
+export const parseUrl = (url: string): ParsedUrl => {
+  try {
+    const urlObject = new URL(url)
+
+    return {
+      pathname: `${urlObject.origin}${urlObject.pathname}`,
+      search: urlObject.search,
+    }
+  } catch (e) {
+    return {
+      pathname: url,
+      search: "",
+    }
+  }
+}