From f522a7c9ef639358d2d60673e3c4fa146bf92b74 Mon Sep 17 00:00:00 2001
From: Chubby Granny Chaser <hydralauncher@proton.me>
Date: Tue, 4 Mar 2025 20:10:04 +0000
Subject: [PATCH] feat: moving props spread

---
 src/renderer/src/components/avatar/avatar.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/avatar/avatar.tsx b/src/renderer/src/components/avatar/avatar.tsx
index 1f6526f0..99800acd 100644
--- a/src/renderer/src/components/avatar/avatar.tsx
+++ b/src/renderer/src/components/avatar/avatar.tsx
@@ -1,4 +1,5 @@
 import { PersonIcon } from "@primer/octicons-react";
+import cn from "classnames";
 
 import "./avatar.scss";
 
@@ -14,17 +15,17 @@ export interface AvatarProps
   src?: string | null;
 }
 
-export function Avatar({ size, alt, src, ...props }: AvatarProps) {
+export function Avatar({ size, alt, src, className, ...props }: AvatarProps) {
   return (
     <div className="profile-avatar" style={{ width: size, height: size }}>
       {src ? (
         <img
-          {...props}
-          className="profile-avatar__image"
+          className={cn("profile-avatar__image", className)}
           alt={alt}
           src={src}
           width={size}
           height={size}
+          {...props}
         />
       ) : (
         <PersonIcon size={size * 0.7} />