Commit 01232014 authored by tom's avatar tom

renaming

parent 011cd479
import { Accordion } from '@chakra-ui/react'; import { Accordion } from '@chakra-ui/react';
import React from 'react'; import React from 'react';
import TokenInstanceMetadataAccordionItem from './TokenInstanceMetadataAccordionItem'; import MetadataAccordionItem from './MetadataAccordionItem';
interface Props { interface Props {
data: Record<string, unknown>; data: Record<string, unknown>;
level?: number; level?: number;
} }
const TokenInstanceMetadataAccordion = ({ data, level = 0 }: Props) => { const MetadataAccordion = ({ data, level = 0 }: Props) => {
const ml = (() => { const ml = (() => {
if (level === 0) { if (level === 0) {
...@@ -25,10 +25,10 @@ const TokenInstanceMetadataAccordion = ({ data, level = 0 }: Props) => { ...@@ -25,10 +25,10 @@ const TokenInstanceMetadataAccordion = ({ data, level = 0 }: Props) => {
return ( return (
<Accordion allowMultiple fontSize="sm" ml={ `${ ml }px` } defaultIndex={ level === 0 ? [ 0 ] : undefined }> <Accordion allowMultiple fontSize="sm" ml={ `${ ml }px` } defaultIndex={ level === 0 ? [ 0 ] : undefined }>
{ Object.entries(data).map(([ key, value ]) => { { 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> </Accordion>
); );
}; };
export default React.memo(TokenInstanceMetadataAccordion); export default React.memo(MetadataAccordion);
...@@ -4,7 +4,7 @@ import React from 'react'; ...@@ -4,7 +4,7 @@ import React from 'react';
import LinkExternal from 'ui/shared/LinkExternal'; import LinkExternal from 'ui/shared/LinkExternal';
import TokenInstanceMetadataAccordion from './TokenInstanceMetadataAccordion'; import MetadataAccordion from './MetadataAccordion';
import { formatName } from './utils'; import { formatName } from './utils';
interface Props { interface Props {
...@@ -13,7 +13,7 @@ interface Props { ...@@ -13,7 +13,7 @@ interface Props {
level: number; 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>; 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) => { ...@@ -112,7 +112,7 @@ const TokenInstanceMetadataAccordionItem = ({ name, value, level }: Props) => {
{ title } { title }
</AccordionButton> </AccordionButton>
<AccordionPanel p={ 0 }> <AccordionPanel p={ 0 }>
<TokenInstanceMetadataAccordion data={ value as Record<string, unknown> } level={ level + 1 }/> <MetadataAccordion data={ value as Record<string, unknown> } level={ level + 1 }/>
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>
); );
...@@ -127,4 +127,4 @@ const TokenInstanceMetadataAccordionItem = ({ name, value, level }: Props) => { ...@@ -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