import { useRouter } from 'next/router';

import withAuthGuard from '~/src/lib/hocs/withAuthGuard';
import { withI18n } from '~/src/lib/i18n';
import DashboardAlbumPage from '~/src/views/DashboardPage/DashboardAlbumPage';

const DashboardAlbumNextPage = () => {
  const { query } = useRouter();

  return <DashboardAlbumPage albumId={Number(query.albumId)} />;
};

const DashboardAlbumNextPageWithI18n = withI18n(
  withAuthGuard(DashboardAlbumNextPage),
  ['dashboard']
);

export default DashboardAlbumNextPageWithI18n;