From 517f0b69f6ba113e38a0d8d31a673862b746d9b7 Mon Sep 17 00:00:00 2001
From: Alex Kern <alex@kern.io>
Date: Sun, 3 Aug 2025 22:21:20 -0700
Subject: [PATCH] Inline add-files link in confirmation screen (#298)

* Inline add-files link

* Not so small
---
 src/app/page.tsx                  | 6 ++----
 src/components/AddFilesButton.tsx | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 217f60c..bb073fa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -76,12 +76,10 @@ function ConfirmUploadState({
     <PageWrapper>
       <TitleText>
         You are about to start uploading{' '}
-        {pluralize(uploadedFiles.length, 'file', 'files')}.
+        {pluralize(uploadedFiles.length, 'file', 'files')}.{' '}
+        <AddFilesButton onAdd={onAddFiles} />
       </TitleText>
       <UploadFileList files={fileListData} onRemove={onRemoveFile} />
-      <div className="flex justify-end w-full">
-        <AddFilesButton onAdd={onAddFiles} />
-      </div>
       <PasswordField value={password} onChange={onChangePassword} />
       <div className="flex space-x-4">
         <CancelButton onClick={onCancel} />
diff --git a/src/components/AddFilesButton.tsx b/src/components/AddFilesButton.tsx
index 1a11526..a8e826d 100644
--- a/src/components/AddFilesButton.tsx
+++ b/src/components/AddFilesButton.tsx
@@ -36,7 +36,7 @@ export default function AddFilesButton({
         id="add-files-button"
         type="button"
         onClick={handleClick}
-        className="block cursor-pointer relative py-3 px-6 text-base font-bold text-stone-700 dark:text-stone-200 bg-white dark:bg-stone-800 border-2 border-stone-700 dark:border-stone-700 rounded-lg transition-all duration-300 ease-in-out outline-none hover:shadow-md active:shadow-inner focus:shadow-outline"
+        className="underline text-stone-700 dark:text-stone-300 hover:text-stone-900 dark:hover:text-stone-100 transition-colors duration-200"
       >
         Add more files
       </button>