@broxus/tvm-connect
Version:
TypeScript SDK for connecting to Nekoton-compatible wallets using a unified interface.
14 lines (13 loc) • 826 B
JavaScript
import { List } from '@broxus/react-uikit';
import { observer } from 'mobx-react-lite';
import * as React from 'react';
import { TvmProviderButton } from '../components/TvmProviderButton';
import { useTvmConnectService } from '../context';
import { useOrderedConnections, useRecentConnectionMeta } from '../hooks';
export const TvmProvidersList = observer(() => {
const service = useTvmConnectService();
const [recentMeta] = useRecentConnectionMeta();
const orderedProviders = useOrderedConnections(service?.providers ?? [], recentMeta);
return (React.createElement(List, { className: "tvm-connect-providers-list" }, orderedProviders?.map(providerConfig => (React.createElement(List.Item, { key: providerConfig.id },
React.createElement(TvmProviderButton, { providerConfig: providerConfig }))))));
});