From bfc6bd1e49f2adfa0f8045d8113f3b1b8bc19b7d Mon Sep 17 00:00:00 2001
From: Alec Mev <alec@framer.com>
Date: Mon, 11 Nov 2024 13:00:21 +0000
Subject: [PATCH] Polish up UI

Props to Hunter.
---
 plugins/google-sheets/src/App.tsx           | 6 +++---
 plugins/google-sheets/src/pages/Problem.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/plugins/google-sheets/src/App.tsx b/plugins/google-sheets/src/App.tsx
index e53305e1..01480a27 100644
--- a/plugins/google-sheets/src/App.tsx
+++ b/plugins/google-sheets/src/App.tsx
@@ -180,7 +180,7 @@ export function App({ pluginContext }: AppProps) {
         return (
             <Problem height={132} spreadsheetId={context.spreadsheetId} setContext={setContext}>
                 <p className="text-content">
-                    Your Google Account has no access to the synced Google spreadsheet. Check your access and try again
+                    Your Google Account does not have access to the synced spreadsheet. Check your access and try again
                     or{" "}
                     <a
                         href="#"
@@ -200,11 +200,11 @@ export function App({ pluginContext }: AppProps) {
 
     if (context.type === "sheet-by-title-missing") {
         return (
-            <Problem height={165} spreadsheetId={context.spreadsheetId} setContext={setContext}>
+            <Problem height={157} spreadsheetId={context.spreadsheetId} setContext={setContext}>
                 <p className="text-content">
                     Unable to access the synced sheet:{" "}
                     <div
-                        className="my-2 font-black truncate cursor-pointer"
+                        className="my-1 font-black truncate cursor-pointer"
                         title="Click to copy"
                         onClick={() => {
                             navigator.clipboard.writeText(context.title)
diff --git a/plugins/google-sheets/src/pages/Problem.tsx b/plugins/google-sheets/src/pages/Problem.tsx
index cd187e80..c2ed6a6c 100644
--- a/plugins/google-sheets/src/pages/Problem.tsx
+++ b/plugins/google-sheets/src/pages/Problem.tsx
@@ -20,7 +20,7 @@ export function Problem({ height, spreadsheetId, setContext, children }: Props)
         })
     }, [height])
 
-    const handleViewClick = () => {
+    const handleOpenClick = () => {
         window.open(`https://docs.google.com/spreadsheets/d/${spreadsheetId}`, "_blank")
     }
 
@@ -41,10 +41,10 @@ export function Problem({ height, spreadsheetId, setContext, children }: Props)
                 </Button>
                 {spreadsheetId && (
                     <Button
-                        className="w-auto !bg-[#15C43E] text-white hover:bg-[#15C43E] text-nowrap"
-                        onClick={handleViewClick}
+                        className="w-auto flex-1 !bg-[#15C43E] text-white hover:bg-[#15C43E]"
+                        onClick={handleOpenClick}
                     >
-                        View Spreadsheet
+                        Open Sheet
                     </Button>
                 )}
             </div>