From 037b4023dd1a1b872e9fe76f576d73ba748057d4 Mon Sep 17 00:00:00 2001
From: q9i <46249765+quantum9Innovation@users.noreply.github.com>
Date: Sun, 18 Feb 2024 21:47:08 -0800
Subject: [PATCH] fix: add missing closing tag for DOI link and move citation
 display after DOI display

---
 src/app/document/view/[slug]/DocumentViewer.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/document/view/[slug]/DocumentViewer.tsx b/src/app/document/view/[slug]/DocumentViewer.tsx
index bbd579a..5599037 100644
--- a/src/app/document/view/[slug]/DocumentViewer.tsx
+++ b/src/app/document/view/[slug]/DocumentViewer.tsx
@@ -90,16 +90,18 @@ const DocumentViewer = ({ slug }: Readonly<{ slug: string }>) => {
       <p className='my-2'>
         <Reviewers reviewers={reviewers} />
       </p>
+      {doi && (
+        <p className='my-2'>
+          <span className='font-bold'>DOI: </span>
+          <a href={`https://doi.org/${doi}`} target='_blank'>
+            {doi}
+          </a>
+        </p>
+      )}
       <p className='my-2'>
         <span className='font-bold'>Cite as: </span>
         {citation ? <>{citation}</> : <>eeXiv:{hash}</>}
       </p>
-      {doi && (
-        <p className='my-2'>
-          <span className='font-bold'>DOI: </span>
-          {doi}
-        </p>
-      )}
       <Suspense
         fallback={
           <div className='max-w-sm animate-pulse flex flex-wrap gap-2'>