feat: update permissions

app/dashboard/[workspaceId]/settings/invites/page.tsx

@@ -37,6 +37,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@/components/ui/dialog";
+import { toast } from "sonner";
 import type { WorkspaceInvite } from "@/lib/types/api";
 
 // ============================================================================
@@ -51,8 +52,6 @@ export default function InvitesPage() {
   const [loading, setLoading] = useState(true);
   const [showDialog, setShowDialog] = useState(false);
   const [username, setUsername] = useState("");
-  const [isCreating, setIsCreating] = useState(false);
-  const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
     loadInvites();
@@ -74,27 +73,28 @@ export default function InvitesPage() {
     if (!username.trim()) return;
 
     const cleanUsername = username.trim().replace(/^@/, "");
-    try {
-      setIsCreating(true);
-      setError(null);
-
-      // Remove @ if present
-
-      const invite = await invitesApi.create(workspaceId, {
-        username: cleanUsername,
-      });
-
-      setInvites((prev) => [invite, ...prev]);
-      setShowDialog(false);
-      setUsername("");
-     } catch (err: any) {
-      const errorMessage = err?.error?.message || err?.detail;
-      if (errorMessage?.includes("not found")) {
-        setError(`Пользователь @${cleanUsername} не зарегистрирован на платформе. Для получения приглашения необходимо зарегистрироваться.`);
-      } else {
-        setError(errorMessage || "Не удалось отправить приглашение");
+    await toast.promise(
+      (async () => {
+        const invite = await invitesApi.create(workspaceId, {
+          username: cleanUsername,
+        });
+        setInvites((prev) => [invite, ...prev]);
+        setShowDialog(false);
+        setUsername("");
+        return invite;
+      })(),
+      {
+        loading: "Отправка приглашения...",
+        success: `Приглашение отправлено @${cleanUsername}`,
+        error: (err) => {
+          const errorMessage = err?.error?.message || err?.detail;
+          if (errorMessage?.includes("not found")) {
+            return `Пользователь @${cleanUsername} не зарегистрирован на платформе`;
+          }
+          return errorMessage || "Не удалось отправить приглашение";
+        },
       }
-    }
+    );
   };
 
   const getStatusIcon = (status: WorkspaceInvite["status"]) => {
@@ -161,27 +161,22 @@ export default function InvitesPage() {
                   приглашения через бота
                 </DialogDescription>
               </DialogHeader>
-              <div className="space-y-4 py-4">
-                <div className="space-y-2">
-                  <Label htmlFor="username">Telegram username</Label>
-                  <Input
-                    id="username"
-                    placeholder="@username"
-                    value={username}
-                    onChange={(e) => setUsername(e.target.value)}
-                    onKeyDown={(e) => {
-                      if (e.key === "Enter") {
-                        handleCreateInvite();
-                      }
-                    }}
-                  />
-                </div>
-                {error && (
-                  <div className="rounded-md bg-destructive/10 p-3 text-sm text-destructive">
-                    {error}
-                  </div>
-                )}
-              </div>
+               <div className="space-y-4 py-4">
+                 <div className="space-y-2">
+                   <Label htmlFor="username">Telegram username</Label>
+                   <Input
+                     id="username"
+                     placeholder="@username"
+                     value={username}
+                     onChange={(e) => setUsername(e.target.value)}
+                     onKeyDown={(e) => {
+                       if (e.key === "Enter") {
+                         handleCreateInvite();
+                       }
+                     }}
+                   />
+                 </div>
+               </div>
               <DialogFooter>
                 <Button
                   variant="outline"
@@ -191,13 +186,9 @@ export default function InvitesPage() {
                 </Button>
                 <Button
                   onClick={handleCreateInvite}
-                  disabled={!username.trim() || isCreating}
+                  disabled={!username.trim()}
                 >
-                  {isCreating ? (
-                    <Loader2 className="h-4 w-4 animate-spin mr-2" />
-                  ) : (
-                    <Mail className="h-4 w-4 mr-2" />
-                  )}
+                  <Mail className="h-4 w-4 mr-2" />
                   Отправить
                 </Button>
               </DialogFooter>