From 32a988867ff6b2cecaaab2c49d7f0d97f21e68ab Mon Sep 17 00:00:00 2001
From: Grady Ward <grady.b.ward@gmail.com>
Date: Wed, 24 Jan 2024 06:25:15 -0700
Subject: [PATCH] Addresses Review Comments, Adds i18n where missing

---
 frontend/lang/en.json     |  3 +++
 frontend/pages/index.vue  |  5 +++--
 frontend/pages/upload.vue | 27 ++++++++++++++++++++-------
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/frontend/lang/en.json b/frontend/lang/en.json
index 3e0a80c..279ff32 100644
--- a/frontend/lang/en.json
+++ b/frontend/lang/en.json
@@ -424,6 +424,9 @@
   },
   "pages/upload": {
     "Input User Guide": "Input User Guide",
+    "Sample CSV": "Sample CSV",
+    "Paragraph1": "This is a page where you can upload portfolios to test out the PACTA platform.",
+    "Paragraph2": "Input files are expected to be structured as CSVs with an expected set of header rows. To learn more, check out the Input User Guide or download a sample CSV.",
     "Add File(s)": "Add File(s)",
     "Add More File(s)": "Add More File(s)",
     "Cleaning Up": "Cleaning Up",
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 6d26699..229f14f 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -71,7 +71,7 @@ const tt = (s: string) => t(`pages/index.${s}`)
           icon="pi pi-arrow-right"
           icon-pos="right"
           class="max-w-30rem"
-          to="/upload"
+          :to="localePath('/upload')"
         />
       </div>
     </div>
@@ -82,7 +82,8 @@ const tt = (s: string) => t(`pages/index.${s}`)
       <p>
         {{ tt('Section4Paragraph1') }}
         <LinkButton
-          to="pacta.rmi.org"
+          to="https://pacta.rmi.org"
+          external
           class="p-button-xs align-self-center py-0 ml-2 p-button-outlined"
           :label="tt('Section4CTA')"
           icon="pi pi-arrow-right"
diff --git a/frontend/pages/upload.vue b/frontend/pages/upload.vue
index 114255d..7a68fb8 100644
--- a/frontend/pages/upload.vue
+++ b/frontend/pages/upload.vue
@@ -294,17 +294,30 @@ const cleanUpIncompleteUploads = async () => {
 <template>
   <StandardContent>
     <TitleBar title="Upload Portfolios" />
-    <!-- TODO(#80) Finalize this copy -->
     <p>
-      This is a page where you can upload portfolios to test out the PACTA platform.
+      {{ tt('Paragraph1') }}
     </p>
     <p>
-      Input files are expected to be structred as CSVs with an expected set of header rows.
-      To learn more, check out the <a
-        :href="localePath('/input-guide')"
-        target="_blank"
-      >{{ tt('Input User Guide') }}</a>, or download the <a href="/samples/sample-1.csv">sample CSV</a>.
+      {{ tt('Paragraph2') }}
     </p>
+    <div class="flex gap-1">
+      <LinkButton
+        :to="localePath('/input-guide')"
+        new-tab
+        class="p-button-xs p-button-outlined"
+        icon="pi pi-external-link"
+      icon-pos="right"
+      :label="tt('Input User Guide')"
+      />
+      <LinkButton
+        to="/samples/sample-1.csv"
+        new-tab
+        class="p-button-xs p-button-outlined"
+        icon="pi pi-download"
+      icon-pos="right"
+      :label="tt('Sample CSV')"
+      />
+    </div>
     <FormField
       label="Portfolio Files"
       class="w-full mb-0"