Commit 01232014 authored by tom's avatar tom

renaming

parent 011cd479
import { Accordion } from '@chakra-ui/react';
import React from 'react';
import TokenInstanceMetadataAccordionItem from './TokenInstanceMetadataAccordionItem';
import MetadataAccordionItem from './MetadataAccordionItem';
interface Props {
data: Record<string, unknown>;
level?: number;
}
const TokenInstanceMetadataAccordion = ({ data, level = 0 }: Props) => {
const MetadataAccordion = ({ data, level = 0 }: Props) => {
const ml = (() => {
if (level === 0) {
......@@ -25,10 +25,10 @@ const TokenInstanceMetadataAccordion = ({ data, level = 0 }: Props) => {
return (
<Accordion allowMultiple fontSize="sm" ml={ `${ ml }px` } defaultIndex={ level === 0 ? [ 0 ] : undefined }>
{ Object.entries(data).map(([ key, value ]) => {
return <TokenInstanceMetadataAccordionItem key={ key } name={ key } value={ value } level={ level }/>;
return <MetadataAccordionItem key={ key } name={ key } value={ value } level={ level }/>;
}) }
</Accordion>
);
};
export default React.memo(TokenInstanceMetadataAccordion);
export default React.memo(MetadataAccordion);
......@@ -4,7 +4,7 @@ import React from 'react';
import LinkExternal from 'ui/shared/LinkExternal';
import TokenInstanceMetadataAccordion from './TokenInstanceMetadataAccordion';
import MetadataAccordion from './MetadataAccordion';
import { formatName } from './utils';
interface Props {
......@@ -13,7 +13,7 @@ interface Props {
level: number;
}
const TokenInstanceMetadataAccordionItem = ({ name, value, level }: Props) => {
const MetadataAccordionItem = ({ name, value, level }: Props) => {
const title = <Box w="90px" flexShrink={ 0 } fontWeight={ 600 } wordBreak="break-word">{ formatName(name) }</Box>;
......@@ -112,7 +112,7 @@ const TokenInstanceMetadataAccordionItem = ({ name, value, level }: Props) => {
{ title }
</AccordionButton>
<AccordionPanel p={ 0 }>
<TokenInstanceMetadataAccordion data={ value as Record<string, unknown> } level={ level + 1 }/>
<MetadataAccordion data={ value as Record<string, unknown> } level={ level + 1 }/>
</AccordionPanel>
</AccordionItem>
);
......@@ -127,4 +127,4 @@ const TokenInstanceMetadataAccordionItem = ({ name, value, level }: Props) => {
);
};
export default React.memo(TokenInstanceMetadataAccordionItem);
export default React.memo(MetadataAccordionItem);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment