diff --git a/src/components/proxy/provider-button.tsx b/src/components/proxy/provider-button.tsx index ce1a1d8b..8fa054de 100644 --- a/src/components/proxy/provider-button.tsx +++ b/src/components/proxy/provider-button.tsx @@ -108,6 +108,9 @@ export const ProviderButton = () => { > {key} + + {item.proxies.length} + } secondary={ @@ -158,6 +161,17 @@ export const ProviderButton = () => { ); }; +const TypeBox = styled(Box)(({ theme }) => ({ + display: "inline-block", + border: "1px solid #ccc", + borderColor: alpha(theme.palette.secondary.main, 0.5), + color: alpha(theme.palette.secondary.main, 0.8), + borderRadius: 4, + fontSize: 10, + marginRight: "4px", + padding: "0 2px", + lineHeight: 1.25, +})); const StyledTypeBox = styled(Box)(({ theme }) => ({ display: "inline-block",