diff --git a/libs/remix-ui/run-tab/src/lib/components/EnvironmentDropdown.tsx b/libs/remix-ui/run-tab/src/lib/components/EnvironmentDropdown.tsx deleted file mode 100644 index 1684a69c791..00000000000 --- a/libs/remix-ui/run-tab/src/lib/components/EnvironmentDropdown.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import { CustomToggle, CustomTooltip, CustomMenu } from '@remix-ui/helper'; -import React from 'react'; -import { Dropdown } from 'react-bootstrap'; -import { FormattedMessage } from 'react-intl'; -import { Provider } from '../types'; - -interface EnvironmentDropdownProps { - currentProvider: Provider; - isL2: (provider: string) => boolean; - bridges: Record; - handleChangeExEnv: (name: string) => void; - filters?: ((provider: Provider) => boolean)[]; - props: { - providers: { - providerList: Provider[]; - }; - setExecutionContext: (executionContext: { context: string }) => void; - }; -} - -const EnvironmentDropdown = ({ currentProvider, isL2, bridges, handleChangeExEnv, filters, props }: EnvironmentDropdownProps) => { - const applyFilters = (provider: Provider) => { - if (!filters) return true; - return filters.every(filter => filter(provider)); - }; - - const injectedProviders = props.providers.providerList.filter((provider) => provider.isInjected && applyFilters(provider)); - const vmProviders = props.providers.providerList.filter((provider) => provider.isVM && applyFilters(provider)); - const otherProviders = props.providers.providerList.filter((provider) => !(provider.isVM || provider.isInjected) && applyFilters(provider)); - - return ( - - - {isL2(currentProvider && currentProvider.displayName)} - {currentProvider && currentProvider.displayName} - {currentProvider && bridges[currentProvider.displayName.substring(0, 13)] && ( - }> - - - )} - - - {props.providers.providerList.length === 0 && - - No provider pinned - - } - {injectedProviders.map(({ name, displayName }) => ( - { - handleChangeExEnv(name) - }} - data-id={`dropdown-item-${name}`} - > - - {displayName} - - - ))} - {injectedProviders.length !== 0 && vmProviders.length !== 0 && } - {vmProviders.map(({ displayName, name }) => ( - { - handleChangeExEnv(name) - }} - data-id={`dropdown-item-${name}`} - > - - {displayName} - - - ))} - {vmProviders.length !== 0 && otherProviders.length !== 0 && } - {otherProviders.map(({ displayName, name }) => ( - { - handleChangeExEnv(name) - }} - data-id={`dropdown-item-${name}`} - > - - {isL2(displayName)} - {displayName} - - - ))} - - { - props.setExecutionContext({ context: 'item-another-chain' }) - }} - data-id={`dropdown-item-another-chain`} - > - - Customize this list... - - - - - ); -}; - -export default EnvironmentDropdown; \ No newline at end of file