group update

This commit is contained in:
Виталий Лавшонок
2025-11-03 23:24:20 +03:00
parent 9a2c2a9589
commit 193234b9e5
6 changed files with 78 additions and 19 deletions

View File

@@ -17,10 +17,10 @@ export interface GroupUpdate {
const Groups = () => {
const [modalActive, setModalActive] = useState<boolean>(false);
const [modelUpdateActive, setModalUpdateActive] = useState<boolean>(false);
const [updateGroup, setUpdateGroup] = useState<GroupUpdate>({id: 0, name: "", description: ""});
const [updateGroup, setUpdateGroup] = useState<GroupUpdate>({ id: 0, name: "", description: "" });
const dispatch = useAppDispatch();
// Берём группы из стора
const groups = useAppSelector((store) => store.groups.groups);
@@ -69,7 +69,7 @@ const Groups = () => {
Группы
</div>
<SecondaryButton
onClick={() => {setModalActive(true);}}
onClick={() => { setModalActive(true); }}
text="Создать группу"
className="absolute right-0"
/>
@@ -81,22 +81,35 @@ const Groups = () => {
className="mb-[20px]"
title="Управляемые"
groups={managedGroups}
setUpdateActive={setModalUpdateActive}
setUpdateGroup={setUpdateGroup}
/>
<GroupsBlock
className="mb-[20px]"
title="Текущие"
groups={currentGroups}
setUpdateActive={setModalUpdateActive}
setUpdateGroup={setUpdateGroup}
/>
<GroupsBlock
className="mb-[20px]"
title="Скрытые"
groups={hiddenGroups} // пока пусто
setUpdateActive={setModalUpdateActive}
setUpdateGroup={setUpdateGroup}
/>
</div>
<ModalCreate setActive={setModalActive} active={modalActive} />
<ModalUpdate setActive={setModalUpdateActive} active={modelUpdateActive} groupId={updateGroup.id} groupName={updateGroup.name}/>
<ModalUpdate
setActive={setModalUpdateActive}
active={modelUpdateActive}
groupId={updateGroup.id}
groupName={updateGroup.name}
groupDescription={updateGroup.description}
/>
</div>
);
};