- Update all component imports from useTranslation to useTranslations - Replace react-i18next and next-i18next imports with next-intl - Convert Trans components to t.rich() for rich text formatting - Update all translation hook usage to next-intl API This affects 80+ component files across the codebase including: - Character, weapon, summon components - Auth modals (login, signup, account) - Party management components - Filter and search components - Toast notifications - About pages and content updates 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import React from 'react'
|
|
import { useTranslations } from 'next-intl'
|
|
import ContentUpdate from '~components/about/ContentUpdate'
|
|
|
|
import styles from './index.module.scss'
|
|
|
|
const ContentUpdate2022 = () => {
|
|
const updates = useTranslations('updates')
|
|
|
|
const versionUpdates = {
|
|
'1.0.0': 5,
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<ContentUpdate
|
|
version="2022-12L"
|
|
dateString="2022/12/26"
|
|
event="events.legfest"
|
|
newItems={{
|
|
character: ['3040440000', '3040441000', '3040442000'],
|
|
weapon: ['1040315900', '1040914500', '1040218200'],
|
|
summon: ['2040417000'],
|
|
}}
|
|
numNotes={0}
|
|
/>
|
|
<ContentUpdate
|
|
version="2022-12F2"
|
|
dateString="2022/12/26"
|
|
event="events.flash"
|
|
newItems={{
|
|
character: ['3040438000', '3040439000'],
|
|
weapon: ['1040024200', '1040116500'],
|
|
}}
|
|
numNotes={0}
|
|
/>
|
|
<section className={styles.version} data-version="1.0">
|
|
<div className={styles.header}>
|
|
<h3>1.0.0</h3>
|
|
<time>2022/12/26</time>
|
|
</div>
|
|
<ul className={styles.list}>
|
|
{[...Array(versionUpdates['1.0.0'])].map((e, i) => (
|
|
<li key={`1.0.0-update-${i}`}>
|
|
{updates(`versions.v1_0_0.features.${i}`)}
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</section>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default ContentUpdate2022
|