diff --git a/src/renderer/components/avatars/AvatarWithFallback.tsx b/src/renderer/components/avatars/AvatarWithFallback.tsx index a2f6149a3..476d71d74 100644 --- a/src/renderer/components/avatars/AvatarWithFallback.tsx +++ b/src/renderer/components/avatars/AvatarWithFallback.tsx @@ -2,7 +2,7 @@ import type React from 'react'; import { useState } from 'react'; import { FeedPersonIcon, MarkGithubIcon } from '@primer/octicons-react'; -import { Avatar, Stack, Text } from '@primer/react'; +import { Avatar, Stack, Truncate } from '@primer/react'; import { type Link, Size } from '../../types'; import type { UserType } from '../../typesGitHub'; @@ -34,7 +34,6 @@ export const AvatarWithFallback: React.FC = ({ align="center" gap="condensed" data-testid="avatar" - className="truncate" > {!src || isBroken ? ( isNonHuman ? ( @@ -52,10 +51,9 @@ export const AvatarWithFallback: React.FC = ({ /> )} {name && ( - // TODO add truncation logic for long names - + {name} - + )} ); diff --git a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap index ad94442ee..9fa484539 100644 --- a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap +++ b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap @@ -6,7 +6,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback "baseElement":
- @gitify-app - +
, "container":
- @gitify-app - +
, "debug": [Function], @@ -133,7 +137,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback "baseElement":
- @gitify-app - +
, "container":
- @gitify-app - +
, "debug": [Function], @@ -256,7 +264,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback icon when the image fails to load (isBroken = true) - human user 1`] = `
- @gitify-app - +
`; exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback icon when the image fails to load (isBroken = true) - non human user 1`] = `
- @gitify-app - +
`; @@ -318,7 +330,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar "baseElement":
- @gitify-app - +
, "container":
- @gitify-app - +
, "debug": [Function], @@ -433,7 +449,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar "baseElement":
- @gitify-app - +
, "container":
- @gitify-app - +
, "debug": [Function], diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap index 1d30107d3..7f85e8e8e 100644 --- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap +++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap @@ -36,7 +36,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende data-component="text" >
- @octocat - +
- @octocat - +
- @octocat - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- @octocat - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- @octocat - +
- @octocat - +
- @octocat - +
- @octocat - +
- @octocat - +
- @octocat - +
- @octocat - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
- gitify-app/notifications-test - +
{ return ( - - + + + + - - - openDeveloperSettings(account)} - size="small" - data-testid="account-missing-scopes" - className={ - account.hasRequiredScopes ? 'invisible' : 'visible' - } - /> + + openDeveloperSettings(account)} + size="small" + data-testid="account-missing-scopes" + className={ + account.hasRequiredScopes ? 'invisible' : 'visible' + } + /> - setAsPrimaryAccount(account)} - size="small" - data-testid="account-set-primary" - /> + setAsPrimaryAccount(account)} + size="small" + data-testid="account-set-primary" + /> - handleRefresh(account)} - size="small" - loading={loadingStates[accountUUID] || false} - data-testid="account-refresh" - /> + handleRefresh(account)} + size="small" + loading={loadingStates[accountUUID] || false} + data-testid="account-refresh" + /> - logoutAccount(account)} - size="small" - data-testid="account-logout" - /> + logoutAccount(account)} + size="small" + data-testid="account-logout" + /> + diff --git a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap index 8d72a4806..d5694394c 100644 --- a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap +++ b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap @@ -89,22 +89,20 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 " >
- @octocat - +
+
+
@@ -279,112 +288,150 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
-
-
- + +
- @octocat - +
+
+
@@ -641,112 +659,30 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
- -
- - - -
-
- - - + This account is missing one or more required scopes: [read:user, notifications, repo] + + + +
+ +
+ + + +
- @octocat - +
+
+
@@ -1003,112 +1030,68 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
- -
- - - + +
+ +
+ + + +
@@ -1326,22 +1353,20 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 " >
- @octocat - +
-
-
+
+
+
-
-
- + +
- @octocat - +
+
+
@@ -1878,112 +1923,30 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
-
-
- - - -
-
- - - + This account is missing one or more required scopes: [read:user, notifications, repo] + + + +
+ +
+ + + +
- @octocat - +
+
+
@@ -2240,112 +2294,68 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
- -
- - - + +
+ +
+ + + +
@@ -2563,22 +2617,20 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 " >
- @octocat - +
-
-
+
+
+
-
-
- + +
- @octocat - +
+
+
@@ -3115,112 +3187,68 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
-
-
- - - + +
+ +
+ + + +
- @octocat - +
+
+
@@ -3477,112 +3558,68 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
- -
- - - + +
+ +
+ + + +