PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-01-23 05:24:55 +03:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

feat: use Avatar component and remove non null assertion

Browse Source
This commit is contained in:
Zamitto 2025-01-15 17:11:02 -03:00
parent 56fabb2881
commit 15f721ac39
2 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/src/pages/settings/settings-account.css.ts
View File

@ -8,13 +8,6 @@ export const form = style({
gap: `${SPACING_UNIT}px`,
});
export const blockedUserAvatar = style({
width: "32px",
height: "32px",
borderRadius: "4px",
filter: "grayscale(100%)",
});
export const blockedUser = style({
display: "flex",
minWidth: "240px",

9
src/renderer/src/pages/settings/settings-account.tsx
View File

@ -1,4 +1,4 @@
import { Button, SelectField } from "@renderer/components";
import { Avatar, Button, SelectField } from "@renderer/components";
import { SPACING_UNIT } from "@renderer/theme.css";
import { Controller, useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
@ -201,10 +201,11 @@ export function SettingsAccount() {
alignItems: "center",
}}
>
<img
src={user.profileImageUrl!}
<Avatar
style={{ filter: "grayscale(100%)" }}
size={32}
src={user.profileImageUrl}
alt={user.displayName}
className={styles.blockedUserAvatar}
/>
<span>{user.displayName}</span>
</div>