feat/new-drep-registration-flow

[Sworzen1]

List of changes

new UI for DRep registration

Checklist

• Issue 497

Only UI changes

• My changes generate no new warnings
• My code follows the style guidelines of this project
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the changelog
• I have added tests that prove my fix is effective or that my feature works

[MSzalowski]

ReactNode is the more appropriate type for React elements. JSX.Element is more minimalistic and as far as we don't want to create custom JSX Elements from which we would extend JSX.Element there is no need to use that as a component property

[MSzalowski]

Suggested change

	const renderLinks = useCallback(() => {
	const renderLinks = useCallback(
	() =>
	links.map((field, index) => (
	<ControlledField.Input
	{...register(`links.${index}.link`)}
	errors={errors}
	endAdornment={
	links.length > 1 ? (
	<DeleteOutlineIcon
	color="primary"
	sx={{ cursor: 'pointer', height: 24, with: 24 }}
	onClick={() => removeLink(index)}
	/>
	) : null
	}
	key={field.id}
	label={t('forms.link') + ` ${index + 1}`}
	layoutStyles={{ mb: 3 }}
	placeholder={t('forms.linkPlaceholder')}
	name={`links.${index}.link`}
	rules={{
	pattern: {
	value: URL_REGEX,
	message: t('createGovernanceAction.fields.validations.url'),
	},
	}}
	/>
	)),
	[links],
	);

[MSzalowski]

That should be in consts instead of translation - How would that link look like in eg.: Greek?

[Sworzen1]

idk, we dont have Greek :) maybe δικτυακός τόπος

[Sworzen1]

do you think it will be the same placeholder for example:
Enter your email
in english and greek ?

[MSzalowski]

Add related issue to pr description