48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import { ActiveRewardCard } from '../rewards-container/active-rewards';
|
|
import { useT } from '../../lib/use-t';
|
|
import { type EnrichedTransfer } from '../../lib/hooks/use-game-cards';
|
|
import { useMarketsMapProvider } from '@vegaprotocol/markets';
|
|
|
|
export const GamesContainer = ({
|
|
data,
|
|
currentEpoch,
|
|
}: {
|
|
data: EnrichedTransfer[];
|
|
currentEpoch: number;
|
|
}) => {
|
|
const t = useT();
|
|
const { data: markets } = useMarketsMapProvider();
|
|
|
|
if (!data || data.length === 0) {
|
|
return (
|
|
<p className="mb-6 text-muted">
|
|
{t('There are currently no games available.')}
|
|
</p>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="mb-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{data.map((game, i) => {
|
|
// TODO: Remove `kind` prop from ActiveRewardCard
|
|
const { transfer } = game;
|
|
if (
|
|
transfer.kind.__typename !== 'RecurringTransfer' ||
|
|
!transfer.kind.dispatchStrategy?.dispatchMetric
|
|
) {
|
|
return null;
|
|
}
|
|
return (
|
|
<ActiveRewardCard
|
|
key={i}
|
|
transferNode={game}
|
|
currentEpoch={currentEpoch}
|
|
kind={transfer.kind}
|
|
allMarkets={markets || undefined}
|
|
/>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
};
|