diff --git a/libs/market-info/src/lib/components/oracle-full-profile/oracle-full-profile.tsx b/libs/market-info/src/lib/components/oracle-full-profile/oracle-full-profile.tsx index 59e0d0840..8800d5864 100644 --- a/libs/market-info/src/lib/components/oracle-full-profile/oracle-full-profile.tsx +++ b/libs/market-info/src/lib/components/oracle-full-profile/oracle-full-profile.tsx @@ -2,6 +2,7 @@ import { t } from '@vegaprotocol/i18n'; import type { Provider } from '../../oracle-schema'; import { MarketState, MarketStateMapping } from '@vegaprotocol/types'; import { + ButtonLink, ExternalLink, Icon, Intent, @@ -79,6 +80,7 @@ export const OracleFullProfile = ({ }) => { const { message } = getVerifiedStatusIcon(provider); const { VEGA_EXPLORER_URL } = useEnvironment(); + const [showMore, setShowMore] = useState(false); const links = provider.proofs .filter((proof) => proof.format === 'url' && proof.available === true) @@ -92,44 +94,6 @@ export const OracleFullProfile = ({ ); return ( - //
- //
- //

{message}

- // {!showMore && ( - // - // - // {provider.description_markdown.slice(0, 100)} - // {' '} - // {'...'} - // - // setShowMore(!showMore)}> - // Read more - // - // - // - // )} - // {showMore && ( - // - // - // {provider.description_markdown} - // - // - // setShowMore(!showMore)}> - // Show less - // - // - // - // )}
{provider.oracle.status !== 'GOOD' ? ( @@ -145,8 +109,15 @@ export const OracleFullProfile = ({ disallowedElements={['img']} linkTarget="_blank" > - {provider.description_markdown} + {showMore + ? provider.description_markdown + : provider.description_markdown.slice(0, 100) + '...'} + + setShowMore(!showMore)}> + {!showMore ? t('Read more') : t('Show less')} + +