From 15f721ac3935d1bfc0ae7c32b8f88e90fbafbcfa Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 15 Jan 2025 17:11:02 -0300
Subject: [PATCH] feat: use Avatar component and remove non null assertion
---
src/renderer/src/pages/settings/settings-account.css.ts | 7 -------
src/renderer/src/pages/settings/settings-account.tsx | 9 +++++----
2 files changed, 5 insertions(+), 11 deletions(-)
diff --git a/src/renderer/src/pages/settings/settings-account.css.ts b/src/renderer/src/pages/settings/settings-account.css.ts
index 2aec8cd0..44ec0d14 100644
--- a/src/renderer/src/pages/settings/settings-account.css.ts
+++ b/src/renderer/src/pages/settings/settings-account.css.ts
@@ -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",
diff --git a/src/renderer/src/pages/settings/settings-account.tsx b/src/renderer/src/pages/settings/settings-account.tsx
index 89f5bde1..0aedb4b8 100644
--- a/src/renderer/src/pages/settings/settings-account.tsx
+++ b/src/renderer/src/pages/settings/settings-account.tsx
@@ -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",
}}
>
- 
{user.displayName}