Add error message to search console login

.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/*

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"
@@ -83,6 +84,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)
             }

plugins/google-search-console/src/screens/GoogleLogin.tsx

@@ -22,8 +22,8 @@ export default function GoogleLogin({ login, loading, hasError, errorMessage }:
                     </p>
                 </div>
             </div>
-            <button type="button" onClick={login} disabled={loading}>
-                {loading ? "Loading..." : "Log In"}
+            <button type="button" onClick={login} disabled={loading} aria-label={loading ? "Logging in" : "Log in"}>
+                {loading ? <div className="framer-spinner" /> : "Log In"}
             </button>
         </div>
     )