From 1752fe5922900426f9d1a7716b1248bc7c4e64da Mon Sep 17 00:00:00 2001
From: Vandivier <vandivi3r@gmail.com>
Date: Thu, 23 May 2024 21:43:18 -0400
Subject: [PATCH] fix: parse url

---
 .../components/UserChecklistQueryHandler.tsx  |  3 ++-
 src/core/utils/parsing.ts                     | 20 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 src/core/utils/parsing.ts

diff --git a/src/app/user-checklists/components/UserChecklistQueryHandler.tsx b/src/app/user-checklists/components/UserChecklistQueryHandler.tsx
index 4fd98cfb..317dc97a 100644
--- a/src/app/user-checklists/components/UserChecklistQueryHandler.tsx
+++ b/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"
diff --git a/src/core/utils/parsing.ts b/src/core/utils/parsing.ts
new file mode 100644
index 00000000..98f79bad
--- /dev/null
+++ b/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: "",
+    }
+  }
+}