vega-frontend-monorepo/apps/trading/client-pages/rewards/rewards.tsx

import { useEffect } from 'react';
import { titlefy } from '@vegaprotocol/utils';
import { useT } from '../../lib/use-t';
import { RewardsContainer } from '../../components/rewards-container';
import { usePageTitleStore } from '../../stores';
import { ErrorBoundary } from '../../components/error-boundary';

export const Rewards = () => {
  const t = useT();
  const title = t('Rewards');
  const { updateTitle } = usePageTitleStore((store) => ({
    updateTitle: store.updateTitle,
  }));
  useEffect(() => {
    updateTitle(titlefy([title]));
  }, [updateTitle, title]);
  return (
    <ErrorBoundary feature="rewards">
      <div className="container mx-auto p-4">
        <h1 className="px-4 pb-4 text-2xl">{title}</h1>
        <RewardsContainer />
      </div>
    </ErrorBoundary>
  );
};