From 77a41d6c2a1b93ad6d60e231d1a1fab00c4ac737 Mon Sep 17 00:00:00 2001
From: ivannoskov <ivan.noskov.it@gmail.com>
Date: Tue, 10 Feb 2026 18:26:21 +0300
Subject: [PATCH] fix: projects fix in permissions

---
 components/ui/permission-modal.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/ui/permission-modal.tsx b/components/ui/permission-modal.tsx
index 78f5e99..4f79377 100644
--- a/components/ui/permission-modal.tsx
+++ b/components/ui/permission-modal.tsx
@@ -359,7 +359,7 @@ export function PermissionModal({
                             onClick={() => handleToggleProject(key, project.id)}
                           >
                             <Avatar className="h-6 w-6 shrink-0">
-                              <AvatarImage src={project.username ? undefined : undefined} />
+                              <AvatarImage src={project.username ? `https://t.me/i/userpic/320/${project.username}.jpg` : undefined} />
                               <AvatarFallback className="text-xs">
                                 {project.title.charAt(0).toUpperCase()}
                               </AvatarFallback>
@@ -400,19 +400,19 @@ export function PermissionModal({
                   className={cn("gap-1 text-xs", isDisabled && "opacity-50")}
                 >
                   <Avatar className="h-4 w-4">
+                    <AvatarImage src={project?.username ? `https://t.me/i/userpic/320/${project.username}.jpg` : undefined} />
                     <AvatarFallback className="text-[10px]">
                       {project?.title.charAt(0).toUpperCase() || "?"}
                     </AvatarFallback>
                   </Avatar>
                   <span className="truncate max-w-[150px]">{project?.title || "Unknown"}</span>
-                  <X
+                  <span
                     className={cn(
-                      "h-3 w-3 ml-1",
-                      isDisabled
-                        ? "cursor-not-allowed text-muted-foreground/50"
-                        : "cursor-pointer hover:text-destructive"
+                      "h-3 w-3 ml-1 cursor-pointer hover:text-destructive",
+                      isDisabled && "cursor-not-allowed text-muted-foreground/50"
                     )}
-                    onClick={() => {
+                    onClick={(e) => {
+                      e.stopPropagation();
                       if (isDisabled) return;
                       setPermissions((prev) => {
                         const existing = prev.find((p) => p.key === key);
@@ -426,7 +426,9 @@ export function PermissionModal({
                         );
                       });
                     }}
-                  />
+                  >
+                    <X className="h-3 w-3" />
+                  </span>
                 </Badge>
               );
             })}