import Display from 'src/components/containerGradient/Display/Display';
import DisplayTitle from 'src/components/containerGradient/DisplayTitle/DisplayTitle';
import useAdviserTexts from 'src/features/adviser/useAdviserTexts';
import { useDelegates } from '../../hooks/useDelegate';
import useCybernetTexts from '../../useCybernetTexts';
import DelegatesTable from './DelegatesTable/DelegatesTable';
function Delegates() {
const { loading, error } = useDelegates();
const { getText } = useCybernetTexts();
useAdviserTexts({
isLoading: loading,
loadingText: `loading ${getText('delegate', true)}`,
error: error?.message,
defaultText: `choose ${getText('delegate')} for learning`,
});
return (
<Display noPaddingX noPaddingY title={<DisplayTitle title={getText('delegate', true)} />}>
<DelegatesTable />
</Display>
);
}
export default Delegates;