From ac12d63ae158b06ee69d020e536a4d7be0538af0 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 26 Jan 2026 10:04:14 -0500
Subject: [PATCH 1/2] Search console login error message

---
 .gitignore                                                | 1 +
 plugins/google-search-console/src/auth.ts                 | 4 ++++
 plugins/google-search-console/src/screens/GoogleLogin.tsx | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 4ed5387a4..b0ca9eb65 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,7 @@ dist
 node_modules
 npm-debug.log*
 plugin.zip
+.env
 
 # Yarn v2 with Zero Installs (https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored)
 .yarn/*
diff --git a/plugins/google-search-console/src/auth.ts b/plugins/google-search-console/src/auth.ts
index e2dd26340..083553435 100644
--- a/plugins/google-search-console/src/auth.ts
+++ b/plugins/google-search-console/src/auth.ts
@@ -1,3 +1,4 @@
+import { framer } from "framer-plugin"
 import { createContext, useCallback, useEffect, useRef, useState } from "react"
 import * as v from "valibot"
 import { AuthorizeSchema, type GoogleToken, GoogleTokenSchema } from "./types"
@@ -100,6 +101,9 @@ export function useGoogleToken() {
 
                 // Update the component state.
                 setTokens(tokens)
+            } catch (error) {
+                const errorMessage = error instanceof Error ? error.message : "An unknown error occurred"
+                framer.notify(errorMessage, { variant: "error" })
             } finally {
                 setLoading(false)
             }
diff --git a/plugins/google-search-console/src/screens/GoogleLogin.tsx b/plugins/google-search-console/src/screens/GoogleLogin.tsx
index f36d7e532..cd285fc2f 100644
--- a/plugins/google-search-console/src/screens/GoogleLogin.tsx
+++ b/plugins/google-search-console/src/screens/GoogleLogin.tsx
@@ -23,7 +23,7 @@ export default function GoogleLogin({ login, loading, hasError, errorMessage }:
                 </div>
             </div>
             <button type="button" onClick={login} disabled={loading}>
-                {loading ? "Loading..." : "Log In"}
+                {loading ? <div className="framer-spinner" /> : "Log In"}
             </button>
         </div>
     )

From d48eac9fe22f9cbf5b16b8d1a639358e3a6bd0f4 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Mon, 26 Jan 2026 10:42:30 -0500
Subject: [PATCH 2/2] Add aria label

---
 plugins/google-search-console/src/screens/GoogleLogin.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/google-search-console/src/screens/GoogleLogin.tsx b/plugins/google-search-console/src/screens/GoogleLogin.tsx
index cd285fc2f..f6262bd94 100644
--- a/plugins/google-search-console/src/screens/GoogleLogin.tsx
+++ b/plugins/google-search-console/src/screens/GoogleLogin.tsx
@@ -22,7 +22,7 @@ export default function GoogleLogin({ login, loading, hasError, errorMessage }:
                     </p>
                 </div>
             </div>
-            <button type="button" onClick={login} disabled={loading}>
+            <button type="button" onClick={login} disabled={loading} aria-label={loading ? "Logging in" : "Log in"}>
                 {loading ? <div className="framer-spinner" /> : "Log In"}
             </button>
         </div>