diff --git a/src/react/endpoint/EndpointCreate.tsx b/src/react/endpoint/EndpointCreate.tsx index bcc17b491..aa3840fde 100644 --- a/src/react/endpoint/EndpointCreate.tsx +++ b/src/react/endpoint/EndpointCreate.tsx @@ -7,11 +7,13 @@ import { FormSection, Icon, Stack, + spacing, } from '@scality/core-ui'; -import { Button, Input, Select } from '@scality/core-ui/dist/next'; +import { Box, Button, Input, Select } from '@scality/core-ui/dist/next'; import { useMemo } from 'react'; import { Controller, useForm } from 'react-hook-form'; import { useHistory } from 'react-router-dom'; +import styled from 'styled-components'; import { useCreateEndpointMutation, useWaitForRunningConfigurationVersionToBeUpdated, @@ -21,6 +23,14 @@ import { useAccountsLocationsAndEndpoints } from '../next-architecture/domain/bu import { useAccountsLocationsEndpointsAdapter } from '../next-architecture/ui/AccountsLocationsEndpointsAdapterProvider'; import { useInstanceId } from '../next-architecture/ui/AuthProvider'; +const BannerMessageList = styled.ul` + margin: ${spacing.r8} 0; + padding-left: ${spacing.r16}; + li { + margin-bottom: ${spacing.r8}; + } +`; + const schema = Joi.object({ hostname: Joi.string().label('Hostname').required().min(3), locationName: Joi.string().required(), @@ -100,7 +110,7 @@ function EndpointCreate() { return (