## Summary Fixed multiple TypeScript errors that were preventing the production build from completing on Railway. ## Changes Made ### Nullable Type Fixes - Fixed `searchParams.toString()` calls with optional chaining (`?.`) and fallback values - Fixed `pathname` nullable access in UpdateToastClient - Added fallbacks for undefined values in translation interpolations ### Type Consistency Fixes - Fixed recency parameter handling (string from URL, converted to number internally) - Removed duplicate local interface definitions for Party and User types - Fixed Party type mismatches by using global type definitions ### API Route Error Handling - Fixed error type checking in catch blocks for login/signup routes - Added proper type guards for axios error objects ### Component Props Fixes - Fixed RadixSelect.Trigger by removing invalid placeholder prop - Fixed Toast and Tooltip components by using Omit to exclude conflicting content type - Added missing onAdvancedFilter prop to FilterBar components - Fixed PartyFooter props with required parameters ## Test Plan - [x] Fixed all TypeScript compilation errors locally - [ ] Production build should complete successfully on Railway - [ ] All affected components should function correctly 🤖 Generated with [Claude Code](https://claude.ai/code) --------- Co-authored-by: Claude <noreply@anthropic.com>
92 lines
2.1 KiB
TypeScript
92 lines
2.1 KiB
TypeScript
'use client'
|
|
|
|
import React, { useEffect, useState } from 'react'
|
|
import { useTranslations } from 'next-intl'
|
|
import { useRouter } from '~/i18n/navigation'
|
|
|
|
// Utils
|
|
import { appState } from '~/utils/appState'
|
|
import { GridType } from '~/utils/enums'
|
|
|
|
// Components
|
|
import Party from '~/components/party/Party'
|
|
import PartyFooter from '~/components/party/PartyFooter'
|
|
import ErrorSection from '~/components/ErrorSection'
|
|
|
|
interface Props {
|
|
party: any; // Replace with proper Party type
|
|
raidGroups: any[]; // Replace with proper RaidGroup type
|
|
}
|
|
|
|
const PartyPageClient: React.FC<Props> = ({ party, raidGroups }) => {
|
|
const router = useRouter()
|
|
const t = useTranslations('common')
|
|
|
|
// State for tab management
|
|
const [selectedTab, setSelectedTab] = useState<GridType>(GridType.Weapon)
|
|
|
|
// Initialize raid groups
|
|
useEffect(() => {
|
|
if (raidGroups) {
|
|
appState.raidGroups = raidGroups
|
|
}
|
|
}, [raidGroups])
|
|
|
|
// Handle tab change
|
|
const handleTabChanged = (value: string) => {
|
|
let tabType: GridType
|
|
switch (value) {
|
|
case 'characters':
|
|
tabType = GridType.Character
|
|
break
|
|
case 'summons':
|
|
tabType = GridType.Summon
|
|
break
|
|
case 'weapons':
|
|
default:
|
|
tabType = GridType.Weapon
|
|
break
|
|
}
|
|
setSelectedTab(tabType)
|
|
}
|
|
|
|
// Navigation helper (not used for existing parties but required by interface)
|
|
const pushHistory = (path: string) => {
|
|
router.push(path)
|
|
}
|
|
|
|
|
|
// Error case
|
|
if (!party) {
|
|
return (
|
|
<ErrorSection
|
|
status={{
|
|
code: 404,
|
|
text: 'not_found'
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Party
|
|
team={party}
|
|
selectedTab={selectedTab}
|
|
raidGroups={raidGroups}
|
|
handleTabChanged={handleTabChanged}
|
|
pushHistory={pushHistory}
|
|
/>
|
|
<PartyFooter
|
|
party={party}
|
|
new={false}
|
|
editable={false}
|
|
raidGroups={raidGroups}
|
|
remixCallback={() => {}}
|
|
updateCallback={async () => ({})}
|
|
/>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default PartyPageClient
|