Added subscription view update custom template dropdown #17
@@ -52,37 +52,35 @@ export default function AddTemplate() {
|
|||||||
<Form>
|
<Form>
|
||||||
<div
|
<div
|
||||||
className='flex flex-col w-full bg-white rounded-xl p-16 sm:px-20 sm:py-16 shadow'>
|
className='flex flex-col w-full bg-white rounded-xl p-16 sm:px-20 sm:py-16 shadow'>
|
||||||
<div className='w-full flex flex-col gap-6'>
|
<div className='w-full flex flex-col gap-4'>
|
||||||
<div className='grid grid-cols-1 xs:grid-cols-2 gap-3'>
|
<div className='relative text-input flex flex-col sm:flex-row gap-2 sm:items-center'>
|
||||||
<div className='relative text-input flex flex-col gap-2'>
|
<label className={`text-base min-w-36 text-end sm:text-left ${(props.errors.custom_id && props.touched.custom_id) && 'text-red-500'}`}>
|
||||||
<label className='absolute left-0 -top-5 text-base flex items-center'>
|
Custom ID
|
||||||
Custom ID <span className='text-red-500 text-10'>{(props.errors.custom_id && props.touched.custom_id) ? props.errors.custom_id : ''}</span>
|
</label>
|
||||||
</label>
|
<InputText
|
||||||
<InputText
|
id='custom_id'
|
||||||
id='custom_id'
|
placeholder='Custom ID'
|
||||||
placeholder='Custon ID'
|
name='custom_id'
|
||||||
name='custom_id'
|
value={props.values.custom_id}
|
||||||
value={props.values.custom_id}
|
handleChange={props.handleChange}
|
||||||
handleChange={props.handleChange}
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
<div className='relative text-input flex flex-col sm:flex-row gap-2 sm:items-center'>
|
||||||
<div className='relative text-input flex flex-col gap-2'>
|
<label className={`text-base min-w-36 text-end sm:text-left ${(props.errors.provision_name && props.touched.provision_name) && 'text-red-500'}`}>
|
||||||
<label className='absolute left-0 -top-5 text-base flex items-center'>
|
Provision Name
|
||||||
Provision Name <span className='text-red-500 text-10'>{(props.errors.provision_name && props.touched.provision_name) ? props.errors.provision_name : ''}</span>
|
</label>
|
||||||
</label>
|
<InputText
|
||||||
<InputText
|
id='provision_name'
|
||||||
id='provision_name'
|
placeholder='Provision Name'
|
||||||
placeholder='Provision Name'
|
name='provision_name'
|
||||||
name='provision_name'
|
value={props.values.provision_name}
|
||||||
value={props.values.provision_name}
|
handleChange={props.handleChange}
|
||||||
handleChange={props.handleChange}
|
/>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='h-10 my-5'>
|
<div className='h-10 my-5 text-end'>
|
||||||
<button type='submit' disabled={customTemplate.isPending}
|
<button type='submit' disabled={customTemplate.isPending}
|
||||||
className='w-full h-full bg-primary text-white font-bold rounded-md'>{customTemplate.isPending ? 'loading...' : 'Add'}</button>
|
className='px-4 h-full bg-primary text-white font-bold rounded-md'>{customTemplate.isPending ? 'loading...' : 'Add'}</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{customTemplate.error &&
|
{customTemplate.error &&
|
||||||
|
|||||||
Reference in New Issue
Block a user