Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-25 08:19:40 +02:00
Code Issues Releases Activity

refactor(edge/groups): migrate view to react [EE-2219] (#11758)
Some checks failed
ci / build_images (map[arch:amd64 platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:amd64 platform:windows version:1809]) (push) Has been cancelled
ci / build_images (map[arch:amd64 platform:windows version:ltsc2022]) (push) Has been cancelled
ci / build_images (map[arch:arm platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:arm64 platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:ppc64le platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:s390x platform:linux version:]) (push) Has been cancelled
/ triage (push) Has been cancelled
Lint / Run linters (push) Has been cancelled
Test / test-client (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:linux]) (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:windows version:1809]) (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:windows version:ltsc2022]) (push) Has been cancelled
Test / test-server (map[arch:arm64 platform:linux]) (push) Has been cancelled
ci / build_manifests (push) Has been cancelled

Browse source
This commit is contained in:
Chaim Lev-Ari 2024-06-02 15:43:37 +03:00 • committed by GitHub
parent b7cde35c3d
commit 9c70a43ac3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
39 changed files with 579 additions and 386 deletions
Download patch file Download diff file Expand all files Collapse all files

42
app/react/edge/edge-groups/components/EdgeGroupForm/NameField.tsx Normal file
View file

@ -0,0 +1,42 @@
import { Field, FormikErrors } from 'formik';
import { string } from 'yup';
import { useMemo } from 'react';
import { FormControl } from '@@/form-components/FormControl';
import { Input } from '@@/form-components/Input';
import { useEdgeGroups } from '../../queries/useEdgeGroups';
import { EdgeGroup } from '../../types';
export function NameField({ errors }: { errors?: FormikErrors<string> }) {
return (
<FormControl label="Name" required errors={errors} inputId="group_name">
<Field
as={Input}
name="name"
placeholder="e.g. mygroup"
data-cy="edgeGroupCreate-groupNameInput"
id="group_name"
/>
</FormControl>
);
}
export function useNameValidation(id?: EdgeGroup['Id']) {
const edgeGroupsQuery = useEdgeGroups();
return useMemo(
() =>
string()
.required('Name is required')
.test({
name: 'is-unique',
test: (value) =>
!edgeGroupsQuery.data?.find(
(group) => group.Name === value && group.Id !== id
),
message: 'Name must be unique',
}),
[edgeGroupsQuery.data, id]
);
}