diff --git a/apps/web/src/components/CrisisResources.tsx b/apps/web/src/components/CrisisResources.tsx index 4a37d00..32128fa 100644 --- a/apps/web/src/components/CrisisResources.tsx +++ b/apps/web/src/components/CrisisResources.tsx @@ -1,15 +1,20 @@ -import { CRISIS_RESOURCES, CRISIS_BLURB } from '@dsim/shared'; +import { useTranslation } from 'react-i18next'; + +type CrisisResource = { label: string; detail: string }; /** * Real-world crisis resources, shown to the PLAYER (not the fiction) — at the * tragic-outcomes opt-in and on a memorialized character's page. Calm and plain. */ export function CrisisResources({ className = '' }: { className?: string }) { + const { t } = useTranslation('common'); + const blurb = t('crisis.blurb'); + const resources = t('crisis.resources', { returnObjects: true }) as CrisisResource[]; return (
-

{CRISIS_BLURB}

+

{blurb}