feat(accounts): warn when missing scopes

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/routes/Accounts.tsx

@@ -111,8 +111,9 @@ export const AccountsRoute: FC = () => {
                   >
                     <button
                       type="button"
-                      className="cursor-default"
-                      title={`This account is missing one or more required scopes: \n\t- ${Constants.AUTH_SCOPE.join('\n\t- ')}`}
+                      className="cursor-pointer"
+                      title={`This account is missing one or more required scopes: \n  - ${Constants.AUTH_SCOPE.join('\n  - ')}`}
+                      onClick={() => openDeveloperSettings(account)}
                     >
                       <AlertFillIcon
                         size={Size.XSMALL}

src/renderer/utils/auth/utils.ts

@@ -172,7 +172,7 @@ export async function refreshAccount(account: Account): Promise<Account> {
 
     const accountScopes = res.headers['x-oauth-scopes']
       ?.split(',')
-      .map((scope) => scope.trim());
+      .map((scope: string) => scope.trim());
 
     account.hasRequiredScopes = Constants.AUTH_SCOPE.every((scope) =>
       accountScopes.includes(scope),