import { useCallback, useState } from 'react' import AccountsModal from '../components/AccountsModal' import AccountBorrows from '../components/account_page/AccountBorrows' import { serverSideTranslations } from 'next-i18next/serverSideTranslations' import useMangoStore from '../stores/useMangoStore' import { mangoGroupSelector } from '../stores/selectors' import { useTranslation } from 'next-i18next' export async function getStaticProps({ locale }) { return { props: { ...(await serverSideTranslations(locale, [ 'common', 'delegate', 'profile', ])), // Will be passed to the page component as props }, } } export default function Borrow() { const [showAccountsModal, setShowAccountsModal] = useState(false) const mangoGroup = useMangoStore(mangoGroupSelector) const { t } = useTranslation('common') const handleCloseAccounts = useCallback(() => { setShowAccountsModal(false) }, []) return (