1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00

fix(edge groups): make large edge groups editable [BE-11720] (#558)

This commit is contained in:
Viktor Pettersson 2025-03-28 15:16:05 +01:00 committed by GitHub
parent 7c01f84a5c
commit 1d12011eb5
14 changed files with 373 additions and 46 deletions

View file

@ -1,10 +1,9 @@
import { EdgeTypes, EnvironmentId } from '@/react/portainer/environments/types';
import { EdgeEnvironmentsAssociationTable } from '@/react/edge/components/EdgeEnvironmentsAssociationTable';
import { FormError } from '@@/form-components/FormError';
import { ArrayError } from '@@/form-components/InputList/InputList';
import { EdgeGroupAssociationTable } from './EdgeGroupAssociationTable';
export function AssociatedEdgeEnvironmentsSelector({
onChange,
value,
@ -20,9 +19,9 @@ export function AssociatedEdgeEnvironmentsSelector({
return (
<>
<div className="col-sm-12 small text-muted">
You can select which environment should be part of this group by moving
them to the associated environments table. Simply click on any
environment entry to move it from one table to the other.
You can also select environments individually by moving them to the
associated environments table. Simply click on any environment entry to
move it from one table to the other.
</div>
{error && (
@ -36,7 +35,7 @@ export function AssociatedEdgeEnvironmentsSelector({
<div className="col-sm-12 mt-4">
<div className="flex">
<div className="w-1/2">
<EdgeGroupAssociationTable
<EdgeEnvironmentsAssociationTable
title="Available environments"
query={{
types: EdgeTypes,
@ -51,7 +50,7 @@ export function AssociatedEdgeEnvironmentsSelector({
/>
</div>
<div className="w-1/2">
<EdgeGroupAssociationTable
<EdgeEnvironmentsAssociationTable
title="Associated environments"
query={{
types: EdgeTypes,