@@ -36,6 +36,7 @@ import { determineFailureType } from '../utils/api/errors';
3636import { hasAlternateScopes , hasRecommendedScopes } from '../utils/auth/scopes' ;
3737import { getAccountUUID , refreshAccount } from '../utils/auth/utils' ;
3838import { Errors } from '../utils/core/errors' ;
39+ import { toError } from '../utils/core/logger' ;
3940import { saveState } from '../utils/core/storage' ;
4041import {
4142 openAccountProfile ,
@@ -85,7 +86,7 @@ export const AccountsRoute: FC = () => {
8586 } catch ( err ) {
8687 setRefreshErrorStates ( ( prev ) => ( {
8788 ...prev ,
88- [ accountUUID ] : determineFailureType ( err as Error ) ,
89+ [ accountUUID ] : determineFailureType ( toError ( err ) ) ,
8990 } ) ) ;
9091 }
9192
@@ -153,8 +154,8 @@ export const AccountsRoute: FC = () => {
153154
154155 < Contents >
155156 { auth . accounts . map ( ( account , i ) => {
156- const AuthMethodIcon = getAuthMethodIcon ( account . method ) ! ;
157- const PlatformIcon = getPlatformIcon ( account . platform ) ! ;
157+ const AuthMethodIcon = getAuthMethodIcon ( account . method ) ;
158+ const PlatformIcon = getPlatformIcon ( account . platform ) ;
158159 const accountUUID = getAccountUUID ( account ) ;
159160 const accountError = getAccountError ( account ) ;
160161 const hasBadCredentials = accountError === Errors . BAD_CREDENTIALS ;
@@ -172,10 +173,10 @@ export const AccountsRoute: FC = () => {
172173 title = "Open account profile ↗"
173174 >
174175 < AvatarWithFallback
175- alt = { account . user ! . login }
176- name = { `@${ account . user ! . login } ` }
176+ alt = { account . user ? .login }
177+ name = { `@${ account . user ? .login } ` }
177178 size = { Size . XLARGE }
178- src = { account . user ! . avatar ?? undefined }
179+ src = { account . user ? .avatar ?? undefined }
179180 />
180181 </ Button >
181182 </ Stack >
@@ -191,7 +192,7 @@ export const AccountsRoute: FC = () => {
191192 align = "center"
192193 direction = "horizontal"
193194 gap = "condensed"
194- hidden = { ! account . user ! . name }
195+ hidden = { ! account . user ? .name }
195196 >
196197 < PersonIcon />
197198 < Text > { account . user ?. name } </ Text >
@@ -206,7 +207,7 @@ export const AccountsRoute: FC = () => {
206207 onClick = { ( ) => openHost ( account . hostname ) }
207208 title = "Open host ↗"
208209 >
209- < PlatformIcon />
210+ { PlatformIcon && < PlatformIcon /> }
210211 < Text > { account . hostname } </ Text >
211212 </ Stack >
212213
@@ -219,7 +220,7 @@ export const AccountsRoute: FC = () => {
219220 onClick = { ( ) => openDeveloperSettings ( account ) }
220221 title = "Open developer settings ↗"
221222 >
222- < AuthMethodIcon />
223+ { AuthMethodIcon && < AuthMethodIcon /> }
223224 < Text > { account . method } </ Text >
224225 </ Stack >
225226
@@ -252,7 +253,7 @@ export const AccountsRoute: FC = () => {
252253
253254 { ! hasBadCredentials && (
254255 < IconButton
255- aria-label = { `View scopes for ${ account . user ! . login } ` }
256+ aria-label = { `View scopes for ${ account . user ? .login } ` }
256257 data-testid = "account-view-scopes"
257258 icon = { ( ) => (
258259 < ShieldCheckIcon
@@ -282,7 +283,7 @@ export const AccountsRoute: FC = () => {
282283
283284 { hasBadCredentials && (
284285 < IconButton
285- aria-label = { `Re-authenticate ${ account . user ! . login } ` }
286+ aria-label = { `Re-authenticate ${ account . user ? .login } ` }
286287 data-testid = "account-reauthenticate"
287288 icon = { KeyIcon }
288289 onClick = { ( ) => handleReAuthenticate ( account ) }
@@ -292,7 +293,7 @@ export const AccountsRoute: FC = () => {
292293 ) }
293294
294295 < IconButton
295- aria-label = { `Refresh ${ account . user ! . login } ` }
296+ aria-label = { `Refresh ${ account . user ? .login } ` }
296297 data-testid = "account-refresh"
297298 icon = { SyncIcon }
298299 loading = { loadingStates [ accountUUID ] || false }
@@ -301,7 +302,7 @@ export const AccountsRoute: FC = () => {
301302 />
302303
303304 < IconButton
304- aria-label = { `Logout ${ account . user ! . login } ` }
305+ aria-label = { `Logout ${ account . user ? .login } ` }
305306 data-testid = "account-logout"
306307 icon = { SignOutIcon }
307308 onClick = { ( ) => logoutAccount ( account ) }
0 commit comments