From 66370c7df4898c3b6a93b6fd1cee51a2331a2dd0 Mon Sep 17 00:00:00 2001
From: NotBigGhost <ivan@arseniev.info>
Date: Wed, 17 Jun 2026 19:56:54 +0300
Subject: [PATCH] =?UTF-8?q?=D0=93=D1=80=D1=83=D0=BF=D0=BF=D1=8B:=20=D0=BF?=
 =?UTF-8?q?=D0=BB=D0=B0=D1=88=D0=BA=D0=B0=20+=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=B3=D1=80?=
 =?UTF-8?q?=D1=83=D0=BF=D0=BF=D1=8B=20=D0=B2=20=D1=81=D0=BF=D0=B8=D1=81?=
 =?UTF-8?q?=D0=BA=D0=B5=20=D0=9C=D0=BE=D0=B8=20=D0=B3=D1=80=D1=83=D0=BF?=
 =?UTF-8?q?=D0=BF=D1=8B?=
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/components/GroupSwitcher.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/components/GroupSwitcher.tsx b/frontend/src/components/GroupSwitcher.tsx
index eaa5df8..6d12d1f 100644
--- a/frontend/src/components/GroupSwitcher.tsx
+++ b/frontend/src/components/GroupSwitcher.tsx
@@ -1,8 +1,12 @@
+import { useState } from "react";
+
 import { useMe, useSetActiveGroup } from "../hooks/auth";
+import { CreateGroupForm } from "./CreateGroupForm";
 
 export function GroupSwitcher() {
   const { data: me } = useMe();
   const setActive = useSetActiveGroup();
+  const [creating, setCreating] = useState(false);
   if (!me || me.groups.length === 0) return null;
 
   return (
@@ -21,7 +25,21 @@ export function GroupSwitcher() {
             </button>
           );
         })}
+        {/* Плашка создания новой группы — в одном ряду логики с выбором группы. */}
+        <button
+          className="btn"
+          aria-label="Создать группу"
+          onClick={() => setCreating((v) => !v)}
+        >
+          +
+        </button>
       </div>
+
+      {creating && (
+        <div style={{ marginTop: 12 }}>
+          <CreateGroupForm onCreated={() => setCreating(false)} />
+        </div>
+      )}
     </div>
   );
 }