Merge branch renovate/primer-react-37.x of github.com:gitify-app/gitify into renovate/primer-react-37.x

Author: afonsojramos

package.json

@@ -148,7 +148,7 @@
     "@primer/octicons-react": "19.15.0",
     "@primer/primitives": "10.3.4",
     "@primer/react": "37.11.2",
-    "@tailwindcss/postcss": "4.0.4",
+    "@tailwindcss/postcss": "4.0.6",
     "@testing-library/react": "16.2.0",
     "@types/jest": "29.5.14",
     "@types/node": "22.13.1",
@@ -163,7 +163,7 @@
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "7.0.0",
     "date-fns": "4.1.0",
-    "electron": "34.1.0",
+    "electron": "34.1.1",
     "electron-builder": "25.1.8",
     "final-form": "4.20.10",
     "graphql-tag": "2.12.6",
@@ -179,7 +179,7 @@
     "semver": "7.7.1",
     "styled-components": "6.1.15",
     "tailwind-merge": "3.0.1",
-    "tailwindcss": "4.0.4",
+    "tailwindcss": "4.0.6",
     "terser-webpack-plugin": "5.3.11",
     "ts-jest": "29.2.5",
     "ts-loader": "9.5.2",

pnpm-lock.yaml

@@ -20,7 +20,7 @@ const browserWindowOpts = {
   minHeight: 400,
   resizable: false,
   skipTaskbar: true, // Hide the app from the Windows taskbar
-  // TODO ideally we would disable this as use a preload script with a context bridge
+  // TODO #700 refactor to use preload script with a context bridge
   webPreferences: {
     nodeIntegration: true,
     contextIsolation: false,

src/main/main.ts

@@ -1,12 +1,12 @@
 import type React from 'react';
 import { useState } from 'react';
 
-import { FeedPersonIcon, MarkGithubIcon } from '@primer/octicons-react';
 import { Avatar, Stack, Truncate } from '@primer/react';
 
 import { type Link, Size } from '../../types';
 import type { UserType } from '../../typesGitHub';
-import { isNonHumanUser } from '../../utils/helpers';
+import { getDefaultUserIcon } from '../../utils/icons';
+import { isNonHumanUser } from '../../utils/notifications/filters/userType';
 
 export interface IAvatarWithFallback {
   src?: Link;
@@ -26,6 +26,7 @@ export const AvatarWithFallback: React.FC<IAvatarWithFallback> = ({
   const [isBroken, setIsBroken] = useState(false);
 
   const isNonHuman = isNonHumanUser(userType);
+  const DefaultUserIcon = getDefaultUserIcon(userType);
 
   // TODO explore using AnchoredOverlay component (https://primer.style/components/anchored-overlay/react/alpha) to render Avatar Card on hover
   return (
@@ -36,11 +37,7 @@ export const AvatarWithFallback: React.FC<IAvatarWithFallback> = ({
       data-testid="avatar"
     >
       {!src || isBroken ? (
-        isNonHuman ? (
-          <MarkGithubIcon size={size} />
-        ) : (
-          <FeedPersonIcon size={size} />
-        )
+        <DefaultUserIcon size={size} />
       ) : (
         <Avatar
           src={src}