From 0ea0fef3636c73379cefd3ff85f2c9f42e8e8ed7 Mon Sep 17 00:00:00 2001
From: Jordan Dialpuri <44945647+Dialpuri@users.noreply.github.com>
Date: Sun, 17 Mar 2024 09:08:32 +0000
Subject: [PATCH 1/3] Add email and GitHub issue link to Footer.tsx

Footer.tsx is updated to include a new paragraph encouraging users to report issues either via email or by submitting a GitHub issue. This new feature enhances user interaction and facilitates quicker problem resolution.
---
 webapp/src/layouts/Footer.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/webapp/src/layouts/Footer.tsx b/webapp/src/layouts/Footer.tsx
index 0a81a98f..f1447e7d 100644
--- a/webapp/src/layouts/Footer.tsx
+++ b/webapp/src/layouts/Footer.tsx
@@ -4,6 +4,8 @@ export default function Footer(): ReactElement {
         <footer className="bg-gray w-full mt-auto">
             <div className="w-full mx-auto max-w-screen-xl p-4 flex items-center justify-center">
                 <span className="text-sm text-primary text-center justify-center dark:text-gray-400">
+                    <p>Spotted an issue? Please email us or <a href="https://github.com/glycojones/privateer/issues/new/choose"> submit a GitHub issue </a>
+                    </p>
                     York Structural Biology Laboratory
                     <br />
                     © 2023-2024 University of York. All Rights Reserved.

From 92cd314b620f7376fde95ea8960c22c22a8d98c2 Mon Sep 17 00:00:00 2001
From: Jordan Dialpuri <44945647+Dialpuri@users.noreply.github.com>
Date: Sun, 17 Mar 2024 09:10:06 +0000
Subject: [PATCH 2/3] Update GitHub issue link to open in new tab

The link to submit a GitHub issue in Footer.tsx has been updated so it opens in a new tab. This will facilitate the user's navigation between the webapp and the GitHub issue page, thus enhancing user experience.
---
 webapp/src/layouts/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/layouts/Footer.tsx b/webapp/src/layouts/Footer.tsx
index f1447e7d..a932c369 100644
--- a/webapp/src/layouts/Footer.tsx
+++ b/webapp/src/layouts/Footer.tsx
@@ -4,7 +4,7 @@ export default function Footer(): ReactElement {
         <footer className="bg-gray w-full mt-auto">
             <div className="w-full mx-auto max-w-screen-xl p-4 flex items-center justify-center">
                 <span className="text-sm text-primary text-center justify-center dark:text-gray-400">
-                    <p>Spotted an issue? Please email us or <a href="https://github.com/glycojones/privateer/issues/new/choose"> submit a GitHub issue </a>
+                    <p>Spotted an issue? Please email us or <a href="https://github.com/glycojones/privateer/issues/new/choose" target='_blank' > submit a GitHub issue </a>
                     </p>
                     York Structural Biology Laboratory
                     <br />

From 6b134c8d41bbf6a21aea6885d00c1acf894964e8 Mon Sep 17 00:00:00 2001
From: Jordan Dialpuri <44945647+Dialpuri@users.noreply.github.com>
Date: Sun, 17 Mar 2024 09:12:26 +0000
Subject: [PATCH 3/3] Open external links in a new tab

Several instances where the application links to external sources have been updated to open these links in a new tab. This change is designed to improve the user experience by not navigating them away from our application when they access these external resources.
---
 webapp/src/layouts/NavBar.tsx                 | 2 +-
 webapp/src/modals/Citations/Citations.tsx     | 2 +-
 webapp/src/shared/Information/Information.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/layouts/NavBar.tsx b/webapp/src/layouts/NavBar.tsx
index 97cf1e56..2eff71f4 100644
--- a/webapp/src/layouts/NavBar.tsx
+++ b/webapp/src/layouts/NavBar.tsx
@@ -92,7 +92,7 @@ export default function NavBar(): ReactElement {
                     </a>
                 </div>
                 <div className="h-12 w-12 mx-auto my-4 sm:w-12 sm:mt-12 sm:mr-12 flex items-center ">
-                    <a id="github" href={GITHUB_REPO}>
+                    <a id="github" href={GITHUB_REPO} target="_blank">
                         <img
                             className="w-full hover:scale-125 transition-all hidden dark:block"
                             src="/github-mark.png"
diff --git a/webapp/src/modals/Citations/Citations.tsx b/webapp/src/modals/Citations/Citations.tsx
index 6b6da6cd..883e4375 100644
--- a/webapp/src/modals/Citations/Citations.tsx
+++ b/webapp/src/modals/Citations/Citations.tsx
@@ -72,7 +72,7 @@ export default function CitationModal(props: {
                         McNicholas, S. J. & Agirre, J. (2024). Online
                         carbohydrate 3D structure validation with the Privateer
                         web app. Acta Cryst. F80.
-                        https://doi.org/10.1107/S2053230X24000359
+                        <p><a href="https://doi.org/10.1107/S2053230X24000359" target="_blank">https://doi.org/10.1107/S2053230X24000359</a></p>
                     </strong>
                 </div>
 
diff --git a/webapp/src/shared/Information/Information.tsx b/webapp/src/shared/Information/Information.tsx
index 115a3112..9e070279 100644
--- a/webapp/src/shared/Information/Information.tsx
+++ b/webapp/src/shared/Information/Information.tsx
@@ -89,7 +89,7 @@ export function Information() {
                         <div className="flex flex-col gap-6 justify-center">
                             <span className="text-xl font-body">
                                 <b>Glycomics-Powered Validation</b>
-                                <a href={GLYCOMICS_CITATION}>
+                                <a href={GLYCOMICS_CITATION} target="_blank">
                                     <svg
                                         className="inline pl-2 h-4 transition-all hover:h-5 fill-secondary"
                                         xmlns="http://www.w3.org/2000/svg"
@@ -119,7 +119,7 @@ export function Information() {
                         <div className="flex flex-col gap-6 justify-center">
                             <span className="text-xl font-body">
                                 <b>Linkage Torsion Validation</b>
-                                <a href={TORSIONS_CITATION}>
+                                <a href={TORSIONS_CITATION} target="_blank">
                                     <svg
                                         className="inline pl-2 h-4 transition-all hover:h-5 fill-secondary"
                                         xmlns="http://www.w3.org/2000/svg"