import { createFileRoute } from '@tanstack/react-router'
import { useTranslation } from 'react-i18next'
import { useRequireActivated } from '@/features/auth/guards'
import { NewsFeed } from '@/features/news/NewsFeed'

export const Route = createFileRoute('/news')({ component: NewsPage })

function NewsPage() {
  const { t } = useTranslation()
  const { isReady } = useRequireActivated()

  if (!isReady) return null

  return (
    <div className="mx-auto flex w-full max-w-4xl flex-col gap-8 px-6 py-10">
      <div>
        <h1 className="text-2xl font-semibold tracking-tight">{t('news.title')}</h1>
      </div>
      <NewsFeed />
    </div>
  )
}