lux/explore
2
0
Fork 0
mirror of https://github.com/luxfi/explore.git synced 2026-09-24 00:28:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: move ContractMethodArrayButton to shared forms components (#3297)

Browse Source
This commit is contained in:
Igor Stuev
2026-02-27 14:14:55 +01:00
committed by GitHub
parent 3ffc11624d
commit 280c957684
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/address/contract/methods/form/ContractMethodFieldAccordion.tsx
+3 -4
View File
@@ -2,8 +2,7 @@ import { Box } from '@chakra-ui/react';
import React from 'react';
import { AccordionItem, AccordionItemContent, AccordionItemTrigger, AccordionRoot } from 'toolkit/chakra/accordion';
import ContractMethodArrayButton from './ContractMethodArrayButton';
import ArrayButton from 'ui/shared/forms/ArrayButton';
export interface Props {
label: string;
@@ -33,8 +32,8 @@ const ContractMethodFieldAccordion = ({ label, level, children, onAddClick, onRe
<Box textStyle="sm" fontWeight={ 700 } mr="auto" color={ isInvalid ? 'text.error' : undefined }>
{ label }
</Box>
{ onRemoveClick && index !== undefined && <ContractMethodArrayButton index={ index } onClick={ onRemoveClick } type="remove"/> }
{ onAddClick && index !== undefined && <ContractMethodArrayButton index={ index } onClick={ onAddClick } type="add" ml={ 1 }/> }
{ onRemoveClick && index !== undefined && <ArrayButton index={ index } onClick={ onRemoveClick } type="remove"/> }
{ onAddClick && index !== undefined && <ArrayButton index={ index } onClick={ onAddClick } type="add" ml={ 1 }/> }
</AccordionItemTrigger>
<AccordionItemContent display="flex" flexDir="column" rowGap={ 1 } pl="18px" pr="6px">
{ children }
ui/address/contract/methods/form/ContractMethodFieldInputArray.tsx
+4 -3
View File
@@ -4,7 +4,8 @@ import { useFormContext } from 'react-hook-form';
import type { ContractAbiItemInput } from '../types';
import ContractMethodArrayButton from './ContractMethodArrayButton';
import ArrayButton from 'ui/shared/forms/ArrayButton';
import type { Props as AccordionProps } from './ContractMethodFieldAccordion';
import ContractMethodFieldAccordion from './ContractMethodFieldAccordion';
import ContractMethodFieldInput from './ContractMethodFieldInput';
@@ -151,9 +152,9 @@ const ContractMethodFieldInputArray = ({
isOptional={ registeredIndices.length === 1 }
/>
{ !hasFixedSize && registeredIndices.length > 1 &&
<ContractMethodArrayButton index={ registeredIndex } onClick={ handleRemoveButtonClick } type="remove" my="6px"/> }
<ArrayButton index={ registeredIndex } onClick={ handleRemoveButtonClick } type="remove" my="6px"/> }
{ !hasFixedSize && index === registeredIndices.length - 1 &&
<ContractMethodArrayButton index={ registeredIndex } onClick={ handleAddButtonClick } type="add" my="6px"/> }
<ArrayButton index={ registeredIndex } onClick={ handleAddButtonClick } type="add" my="6px"/> }
</Flex>
);
}) }
ui/address/contract/methods/form/ContractMethodArrayButton.tsx → ui/shared/forms/ArrayButton.tsx
+2 -2
View File
@@ -9,7 +9,7 @@ interface Props extends Omit<IconButtonProps, 'type'> {
type: 'add' | 'remove';
}
const ContractMethodArrayButton = ({ type, index, onClick, ...props }: Props) => {
const ArrayButton = ({ type, index, onClick, ...props }: Props) => {
const handleClick = React.useCallback((event: React.MouseEvent<HTMLButtonElement>) => {
event.stopPropagation();
@@ -30,4 +30,4 @@ const ContractMethodArrayButton = ({ type, index, onClick, ...props }: Props) =>
);
};
export default React.memo(ContractMethodArrayButton);
export default React.memo(ArrayButton);