src/components/ProxyProviderList.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import React from 'react';

import ContentHeader from './ContentHeader';
import ProxyProvider from './ProxyProvider';

function ProxyProviderList({ items }) {
  if (items.length === 0) return null;

  return (
    <>
      <ContentHeader title="Proxy Provider" />
      <div>
        {items.map(item => (
          <ProxyProvider key={item.name} item={item} />
        ))}
      </div>
    </>
  );
}

export default ProxyProviderList;