Update footer.tsx (#725)

Made sure that all the links in the footer open in new tab hence improving the user experience.
tokio-rs · Oct 24, 2023 · 4507990 · 4507990
1 parent cf623c9
commit 4507990
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/components/footer.tsx b/components/footer.tsx
@@ -17,10 +17,10 @@ export default function Footer() {
     <div key={name} className="column is-one-third">
       <p className="tk-lib-name">{name}</p>
       <p>
-        <a href={docs}>Docs</a>
+        <a href={docs} target="_blank">Docs</a>
       </p>
       <p>
-        <a href={github}>Github</a>
+        <a href={github} target="_blank">Github</a>
       </p>
     </div>
   ));
@@ -38,16 +38,16 @@ export default function Footer() {
             <div className="tk-help-links">
               <p>
                 Get Help:
-                <a href="https://github.com/tokio-rs/tokio/discussions">
+                <a href="https://github.com/tokio-rs/tokio/discussions" target="_blank">
                   <GitHubIcon className="is-medium" />
                 </a>
-                <a href="https://discord.gg/tokio">
+                <a href="https://discord.gg/tokio" target="_blank">
                   <DiscordIcon className="is-medium" />
                 </a>
               </p>
               <p>
                 Stay up to date:
-                <a href="https://twitter.com/tokio_rs">
+                <a href="https://twitter.com/tokio_rs" target="_blank">
                   <TwitterIcon className="is-medium" />
                 </a>
               </p>
@@ -74,7 +74,7 @@ export default function Footer() {
         <div className="container has-text-centered">
           <p>
             with the help of{" "}
-            <a href="https://github.com/tokio-rs/tokio/graphs/contributors">
+            <a href="https://github.com/tokio-rs/tokio/graphs/contributors" target="_blank">
               our contributors
             </a>
             .
@@ -83,7 +83,7 @@ export default function Footer() {
         <div className="container has-text-centered">
           <p>
             Hosted by{" "}
-            <a href="https://netlify.com" rel="sponsored nofollow">
+            <a href="https://netlify.com"  target="_blank" rel="sponsored nofollow">
               Netlify
             </a>
           </p>