web: fix links in report issue dialog (streetwriters#7071)

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

apps/web/src/dialogs/issue-dialog.tsx

@@ -127,12 +127,19 @@ export const IssueDialog = DialogManager.register(function IssueDialog(
           <Link
             href="https://github.com/streetwriters/notesnook/issues"
             title="github.com/streetwriters/notesnook/issues"
-          />{" "}
+            target="_blank"
+          >
+            github.com/streetwriters/notesnook/issues
+          </Link>
           {strings.issueNotice[1]()}{" "}
           <Link
             href="https://discord.gg/zQBK97EE22"
             title={strings.issueNotice[2]()}
-          />
+            target="_blank"
+          >
+            {strings.issueNotice[2]()}
+          </Link>
+          /
         </Text>
         <Text variant="subBody" mt={1}>
           {getDeviceInfo([`Pro: ${isUserPremium()}`])

apps/web/src/utils/md.ts

@@ -19,6 +19,22 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import snarkdown from "snarkdown";
 
+function addAttributes(
+  html: string,
+  tag: keyof HTMLElementTagNameMap,
+  attributes: Record<string, string>
+) {
+  const temp = document.createElement("div");
+  temp.innerHTML = html;
+  const elements = temp.querySelectorAll(tag);
+  elements.forEach((element) => {
+    Object.entries(attributes).forEach(([key, value]) => {
+      element.setAttribute(key, value);
+    });
+  });
+  return temp.innerHTML;
+}
+
 export function mdToHtml(markdown: string) {
-  return snarkdown(markdown);
+  return addAttributes(snarkdown(markdown), "a", { target: "_blank" });
 }