packages/components/containers/vpn/OpenVPNConfigurationSection/ServerNumber.tsx

   1 import { c, msgid } from 'ttag';
   2
   3 import type { Logical } from '@proton/shared/lib/vpn/Logical';
   4
   5 interface Props {
   6     group: Logical[];
   7 }
   8
   9 const ServerNumber = ({ group }: Props) => {
  10     const number = group.reduce((acc, { Servers }) => acc + (Servers?.length || 0), 0);
  11     return (
  12         <div className="inline-flex *:self-center">
  13             {c('Info').ngettext(msgid`${number} server`, `${number} servers`, number)}
  14         </div>
  15     );
  16 };
  17
  18 export default ServerNumber;