Keycloak

1
import { useTranslation } from "react-i18next";
2
import { TextControl, TextAreaControl } from "ui-shared";
3

4
import { FormAccess } from "../components/form/FormAccess";
5
import { DefaultSwitchControl } from "../components/SwitchControl";
6

7
type ClientDescriptionProps = {
8
  protocol?: string;
9
  hasConfigureAccess?: boolean;
10
};
11

12
export const ClientDescription = ({
13
  hasConfigureAccess: configure,
14
}: ClientDescriptionProps) => {
15
  const { t } = useTranslation();
16
  return (
17
    <FormAccess role="manage-clients" fineGrainedAccess={configure} unWrap>
18
      <TextControl
19
        name="clientId"
20
        label={t("clientId")}
21
        labelIcon={t("clientIdHelp")}
22
        rules={{ required: { value: true, message: t("required") } }}
23
      />
24
      <TextControl
25
        name="name"
26
        label={t("name")}
27
        labelIcon={t("clientNameHelp")}
28
      />
29
      <TextAreaControl
30
        name="description"
31
        label={t("description")}
32
        labelIcon={t("clientDescriptionHelp")}
33
        rules={{
34
          maxLength: {
35
            value: 255,
36
            message: t("maxLength", { length: 255 }),
37
          },
38
        }}
39
      />
40
      <DefaultSwitchControl
41
        name="alwaysDisplayInConsole"
42
        label={t("alwaysDisplayInUI")}
43
        labelIcon={t("alwaysDisplayInUIHelp")}
44
      />
45
    </FormAccess>
46
  );
47
};
48