cyb/src/containers/governance/tabList.tsx

import { useLocation } from 'react-router-dom';
import { Tabs } from 'src/components';

enum TypePages {
  voters = 'voters',
  comments = 'comments',
  meta = 'meta',
}

function TabListGovernance() {
  const location = useLocation();
  const locationSplit = location.pathname.replace(/^\/|\/$/g, '').split('/');

  const active = Object.values(TypePages).find((item) => item === locationSplit[2]);

  if (!active) {
    return null;
  }
  return (
    <Tabs selected={active} options={Object.keys(TypePages).map((key) => ({ to: key, key }))} />
  );
}

export default TabListGovernance;