From 366742d6da038b9d405efa99c36e4b16b89d5142 Mon Sep 17 00:00:00 2001
From: NotBigGhost <ivan@arseniev.info>
Date: Wed, 17 Jun 2026 20:09:19 +0300
Subject: [PATCH] =?UTF-8?q?=D0=93=D1=80=D1=83=D0=BF=D0=BF=D1=8B:=20=D0=B4?=
 =?UTF-8?q?=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20(?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=B3=D0=BB=D0=B0=D1=88=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5)=20=D1=81=D0=BE=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=86=D1=8B=20=D1=87=D1=83=D0=B6=D0=BE=D0=B3=D0=BE=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=BE=D1=84=D0=B8=D0=BB=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/hooks/groups.ts             |  7 +--
 frontend/src/pages/GroupSettingsPage.tsx |  4 +-
 frontend/src/pages/PublicProfilePage.tsx | 62 ++++++++++++++++++++++++
 3 files changed, 68 insertions(+), 5 deletions(-)

diff --git a/frontend/src/hooks/groups.ts b/frontend/src/hooks/groups.ts
index 869291b..eeaa183 100644
--- a/frontend/src/hooks/groups.ts
+++ b/frontend/src/hooks/groups.ts
@@ -92,10 +92,11 @@ export function useSetGroupExpansions(groupId: number) {
   });
 }
 
-// Приглашение игрока в группу по нику (вместо прямого добавления).
-export function useInviteMember(groupId: number) {
+// Приглашение игрока в группу по нику (вместо прямого добавления). groupId передаётся
+// при вызове — чтобы можно было приглашать в выбранную группу (со страницы чужого профиля).
+export function useInviteMember() {
   return useMutation({
-    mutationFn: async (nickname: string) =>
+    mutationFn: async ({ groupId, nickname }: { groupId: number; nickname: string }) =>
       unwrap(
         await api.POST("/api/groups/{group_id}/invitations", {
           params: { path: { group_id: groupId } },
diff --git a/frontend/src/pages/GroupSettingsPage.tsx b/frontend/src/pages/GroupSettingsPage.tsx
index acee949..ea05dfc 100644
--- a/frontend/src/pages/GroupSettingsPage.tsx
+++ b/frontend/src/pages/GroupSettingsPage.tsx
@@ -16,7 +16,7 @@ export function GroupSettingsPage() {
   const { data: expansions } = useExpansions();
   const { data: members } = useGroupMembers(groupId);
   const setExpansions = useSetGroupExpansions(groupId ?? 0);
-  const inviteMember = useInviteMember(groupId ?? 0);
+  const inviteMember = useInviteMember();
   const removeMember = useRemoveMember(groupId ?? 0);
   const toast = useToast();
 
@@ -51,7 +51,7 @@ export function GroupSettingsPage() {
     const nick = newNick.trim();
     if (!nick) return;
     try {
-      await inviteMember.mutateAsync(nick);
+      await inviteMember.mutateAsync({ groupId: group.id, nickname: nick });
       setNewNick("");
       toast.show("Приглашение отправлено");
     } catch (e) {
diff --git a/frontend/src/pages/PublicProfilePage.tsx b/frontend/src/pages/PublicProfilePage.tsx
index ed986fb..44098c4 100644
--- a/frontend/src/pages/PublicProfilePage.tsx
+++ b/frontend/src/pages/PublicProfilePage.tsx
@@ -1,8 +1,13 @@
+import { useState } from "react";
 import { useParams } from "react-router-dom";
 
+import { ApiError } from "../api/client";
 import { Avatar } from "../components/Avatar";
 import { ProfileStatsCard } from "../components/ProfileStatsCard";
 import { Spinner } from "../components/Spinner";
+import { useToast } from "../context/ToastContext";
+import { useMe } from "../hooks/auth";
+import { useInviteMember } from "../hooks/groups";
 import { usePublicProfile } from "../hooks/stats";
 
 /**
@@ -13,10 +18,27 @@ export function PublicProfilePage() {
   const { userId } = useParams();
   const id = Number(userId);
   const { data, isLoading, isError } = usePublicProfile(id);
+  const { data: me } = useMe();
+  const invite = useInviteMember();
+  const toast = useToast();
+  const [pickOpen, setPickOpen] = useState(false);
 
   if (isLoading) return <Spinner />;
   if (isError || !data) return <div className="muted">Профиль не найден.</div>;
 
+  const groups = me?.groups ?? [];
+  const isSelf = me?.id === data.user_id;
+
+  const doInvite = async (groupId: number) => {
+    setPickOpen(false);
+    try {
+      await invite.mutateAsync({ groupId, nickname: data.nickname });
+      toast.show("Приглашение отправлено");
+    } catch (e) {
+      toast.show(e instanceof ApiError ? e.message : "Не удалось пригласить");
+    }
+  };
+
   return (
     <div>
       <div className="card">
@@ -37,6 +59,46 @@ export function PublicProfilePage() {
         </div>
       </div>
 
+      {/* Пригласить в группу (только чужой профиль и если у меня есть группы). */}
+      {!isSelf && groups.length > 0 && (
+        <div className="card">
+          {groups.length === 1 ? (
+            <button
+              className="btn btn-primary"
+              style={{ width: "100%" }}
+              onClick={() => doInvite(groups[0].id)}
+              disabled={invite.isPending}
+            >
+              Добавить в группу «{groups[0].name}»
+            </button>
+          ) : (
+            <>
+              <button
+                className="btn btn-primary"
+                style={{ width: "100%" }}
+                onClick={() => setPickOpen((v) => !v)}
+              >
+                Добавить в группу
+              </button>
+              {pickOpen && (
+                <div className="stack" style={{ marginTop: 8 }}>
+                  {groups.map((g) => (
+                    <button
+                      key={g.id}
+                      className="btn"
+                      onClick={() => doInvite(g.id)}
+                      disabled={invite.isPending}
+                    >
+                      {g.name}
+                    </button>
+                  ))}
+                </div>
+              )}
+            </>
+          )}
+        </div>
+      )}
+
       <ProfileStatsCard stats={data.stats} title="Статистика" />
     </div>
   );