From 00c6377b7860c8ea28932b6fa842f3d1e8b12151 Mon Sep 17 00:00:00 2001
From: slugb0t <wheresdorian@gmail.com>
Date: Tue, 9 Jul 2024 10:20:16 -0700
Subject: [PATCH] feat: :sparkles: coming soon zenodo card

---
 ui/pages/dashboard/[owner]/[repo].vue | 35 +++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/ui/pages/dashboard/[owner]/[repo].vue b/ui/pages/dashboard/[owner]/[repo].vue
index 768d6105..fc39b0ae 100644
--- a/ui/pages/dashboard/[owner]/[repo].vue
+++ b/ui/pages/dashboard/[owner]/[repo].vue
@@ -221,6 +221,41 @@ const generateSeed = (seed: string) => {
           </n-card>
         </div>
       </CardCollapsible>
+
+      <n-divider />
+
+      <CardCollapsible
+        title="Zenodo - Coming Soon"
+        subheader="The Zenodo integration for the repository is coming soon. You will be
+            able to view the Zenodo metadata for the repository here."
+        class="rounded-lg bg-white shadow-md"
+        bordered
+        :collapse="true"
+      >
+        <div>
+          <n-card class="my-3">
+            <n-flex align="center" justify="space-between">
+              <div>
+                <h3>ID: {{ generateSeed("test") }}</h3>
+
+                <p>
+                  {{
+                    $dayjs
+                      .unix(parseInt(Date.now()) / 1000)
+                      .format("MMMM DD, YYYY HH:mmA")
+                  }}
+                </p>
+              </div>
+
+              <NuxtLink>
+                <n-button disabled class="bg-gray-300"
+                  >View Code Metadata</n-button
+                >
+              </NuxtLink>
+            </n-flex>
+          </n-card>
+        </div>
+      </CardCollapsible>
     </div>
 
     <!-- <n-collapse class="mt-8">