From 7b7061846c63d4e3377128e13a1d5a149e2c5eae Mon Sep 17 00:00:00 2001
From: Zeng1998 <acan.coder@gmail.com>
Date: Mon, 27 Feb 2023 19:50:43 +0800
Subject: [PATCH] chore: open url in other tabs (#1173)

* chore: open url in other tabs

* update: add `rel="noreferrer"`
---
 web/src/components/AboutSiteDialog.tsx | 14 ++++++++++++--
 web/src/components/GitHubBadge.tsx     |  2 ++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/web/src/components/AboutSiteDialog.tsx b/web/src/components/AboutSiteDialog.tsx
index 3c171edf..9bddc6bf 100644
--- a/web/src/components/AboutSiteDialog.tsx
+++ b/web/src/components/AboutSiteDialog.tsx
@@ -32,7 +32,12 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
         <div className="mt-4 flex flex-row text-sm justify-start items-center">
           <div className="flex flex-row justify-start items-center mr-2">
             Powered by
-            <a href="https://usememos.com" className="flex flex-row justify-start items-center mr-1 hover:underline">
+            <a
+              href="https://usememos.com"
+              target="_blank"
+              rel="noreferrer"
+              className="flex flex-row justify-start items-center mr-1 hover:underline"
+            >
               <img className="w-6 h-auto" src="/logo.png" alt="" />
               memos
             </a>
@@ -42,7 +47,12 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
         </div>
         <div className="border-t mt-3 pt-2 text-sm flex flex-row justify-start items-center">
           <span className="text-gray-500 mr-2">Other projects:</span>
-          <a href="https://github.com/boojack/sticky-notes" className="flex items-center underline text-blue-600 hover:opacity-80">
+          <a
+            href="https://github.com/boojack/sticky-notes"
+            target="_blank"
+            rel="noreferrer"
+            className="flex items-center underline text-blue-600 hover:opacity-80"
+          >
             <img
               className="w-4 h-auto mr-1"
               src="https://raw.githubusercontent.com/boojack/sticky-notes/main/public/sticky-notes.ico"
diff --git a/web/src/components/GitHubBadge.tsx b/web/src/components/GitHubBadge.tsx
index b8c328ad..ee434240 100644
--- a/web/src/components/GitHubBadge.tsx
+++ b/web/src/components/GitHubBadge.tsx
@@ -15,6 +15,8 @@ const GitHubBadge = () => {
     <a
       className="h-7 flex flex-row justify-start items-center border dark:border-zinc-600 rounded cursor-pointer hover:opacity-80"
       href="https://github.com/usememos/memos"
+      target="_blank"
+      rel="noreferrer"
     >
       <div className="apply w-auto h-full px-2 flex flex-row justify-center items-center text-xs bg-gray-100 dark:bg-zinc-700">
         <Icon.Github className="mr-1 w-4 h-4" />