Skip to content

Commit

Permalink
Add pool name to the first step
Browse files Browse the repository at this point in the history
  • Loading branch information
kattylucy committed Jan 10, 2025
1 parent 5b5a64a commit edc6d96
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 29 deletions.
47 changes: 18 additions & 29 deletions centrifuge-app/src/pages/IssuerCreatePool/PoolDetailsSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -38,35 +38,6 @@ export const PoolDetailsSection = () => {
Pool Details
</Text>
<StyledGrid gridTemplateColumns={['1fr', '1fr 1fr']} gap={3} mt={2}>
<Grid gap={2}>
<FieldWithErrorMessage
name="poolName"
as={TextInput}
label="Pool name*"
placeholder="Type here..."
maxLength={100}
validate={validate.poolName}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => form.setFieldValue('poolName', e.target.value)}
/>
<Field name="poolIcon" validate={validate.poolIcon}>
{({ field, meta, form }: FieldProps) => (
<ImageUpload
name="poolIcon"
file={field.value}
onFileChange={async (file) => {
form.setFieldTouched('poolIcon', true, false)
form.setFieldValue('poolIcon', file)
}}
label="Pool icon*"
errorMessage={meta.touched && meta.error ? meta.error : undefined}
accept="image/svg+xml"
placeholder="SVG (in square size)"
id="poolIcon"
height={144}
/>
)}
</Field>
</Grid>
<Grid gap={2}>
<Field name="investorType" validate={validate.investorType}>
{({ field, meta, form }: FieldProps) => (
Expand Down Expand Up @@ -115,6 +86,24 @@ export const PoolDetailsSection = () => {
)}
</Field>
</Grid>
<Field name="poolIcon" validate={validate.poolIcon}>
{({ field, meta, form }: FieldProps) => (
<ImageUpload
name="poolIcon"
file={field.value}
onFileChange={async (file) => {
form.setFieldTouched('poolIcon', true, false)
form.setFieldValue('poolIcon', file)
}}
label="Pool icon*"
errorMessage={meta.touched && meta.error ? meta.error : undefined}
accept="image/svg+xml"
placeholder="SVG (in square size)"
id="poolIcon"
height={144}
/>
)}
</Field>
</StyledGrid>

<Box mt={4} mb={3}>
Expand Down
11 changes: 11 additions & 0 deletions centrifuge-app/src/pages/IssuerCreatePool/PoolStructureSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -196,6 +196,17 @@ export const PoolStructureSection = () => {
disabled
sublabel="Fixed pool of assets where funds remain locked. There are no continuous inflows or outflows during the investment period, and the pool has a defined maturity date."
/>
<Box mt={2}>
<FieldWithErrorMessage
name="poolName"
as={TextInput}
label="Pool name*"
placeholder="Type here..."
maxLength={100}
validate={validate.poolName}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => form.setFieldValue('poolName', e.target.value)}
/>
</Box>
</Box>
<Box>
<Text variant="body2">Define tranche structure *</Text>
Expand Down

0 comments on commit edc6d96

Please sign in to comment.