Polish up UI

Props to Hunter.
framer · Nov 12, 2024 · bfc6bd1 · bfc6bd1
1 parent 6f2a81d
commit bfc6bd1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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>