mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-06-20 13:51:45 +00:00
0b36427c09
- New todo_items DB table with priority, due date, description, user assignment - Full CRUD API with WebSocket real-time sync - 3-column UI: sidebar filters (All, My Tasks, Overdue, Done, by Priority), task list with inline badges, and detail/create pane - Apple-inspired design with custom dropdowns, date picker, priority system (P1-P3) - Mobile responsive: icon-only sidebar, bottom-sheet modals for detail/create - Lists tab with sub-tabs (Packing List + To-Do), persisted selection - Addon renamed from "Packing List" to "Lists" - i18n keys for all 13 languages - UI polish: notification colors use system theme, mobile navbar cleanup, settings page responsive buttons
184 lines
6.1 KiB
TypeScript
184 lines
6.1 KiB
TypeScript
import { create } from 'zustand'
|
|
import type { StoreApi } from 'zustand'
|
|
import { tripsApi, daysApi, placesApi, packingApi, todoApi, tagsApi, categoriesApi } from '../api/client'
|
|
import { createPlacesSlice } from './slices/placesSlice'
|
|
import { createAssignmentsSlice } from './slices/assignmentsSlice'
|
|
import { createDayNotesSlice } from './slices/dayNotesSlice'
|
|
import { createPackingSlice } from './slices/packingSlice'
|
|
import { createTodoSlice } from './slices/todoSlice'
|
|
import { createBudgetSlice } from './slices/budgetSlice'
|
|
import { createReservationsSlice } from './slices/reservationsSlice'
|
|
import { createFilesSlice } from './slices/filesSlice'
|
|
import { handleRemoteEvent } from './slices/remoteEventHandler'
|
|
import type {
|
|
Trip, Day, Place, Assignment, DayNote, PackingItem, TodoItem,
|
|
Tag, Category, BudgetItem, TripFile, Reservation,
|
|
AssignmentsMap, DayNotesMap, WebSocketEvent,
|
|
} from '../types'
|
|
import { getApiErrorMessage } from '../types'
|
|
import type { PlacesSlice } from './slices/placesSlice'
|
|
import type { AssignmentsSlice } from './slices/assignmentsSlice'
|
|
import type { DayNotesSlice } from './slices/dayNotesSlice'
|
|
import type { PackingSlice } from './slices/packingSlice'
|
|
import type { TodoSlice } from './slices/todoSlice'
|
|
import type { BudgetSlice } from './slices/budgetSlice'
|
|
import type { ReservationsSlice } from './slices/reservationsSlice'
|
|
import type { FilesSlice } from './slices/filesSlice'
|
|
|
|
export interface TripStoreState
|
|
extends PlacesSlice,
|
|
AssignmentsSlice,
|
|
DayNotesSlice,
|
|
PackingSlice,
|
|
TodoSlice,
|
|
BudgetSlice,
|
|
ReservationsSlice,
|
|
FilesSlice {
|
|
trip: Trip | null
|
|
days: Day[]
|
|
places: Place[]
|
|
assignments: AssignmentsMap
|
|
dayNotes: DayNotesMap
|
|
packingItems: PackingItem[]
|
|
todoItems: TodoItem[]
|
|
tags: Tag[]
|
|
categories: Category[]
|
|
budgetItems: BudgetItem[]
|
|
files: TripFile[]
|
|
reservations: Reservation[]
|
|
selectedDayId: number | null
|
|
isLoading: boolean
|
|
error: string | null
|
|
|
|
setSelectedDay: (dayId: number | null) => void
|
|
handleRemoteEvent: (event: WebSocketEvent) => void
|
|
loadTrip: (tripId: number | string) => Promise<void>
|
|
refreshDays: (tripId: number | string) => Promise<void>
|
|
updateTrip: (tripId: number | string, data: Partial<Trip>) => Promise<Trip>
|
|
addTag: (data: Partial<Tag>) => Promise<Tag>
|
|
addCategory: (data: Partial<Category>) => Promise<Category>
|
|
}
|
|
|
|
export const useTripStore = create<TripStoreState>((set, get) => ({
|
|
trip: null,
|
|
days: [],
|
|
places: [],
|
|
assignments: {},
|
|
dayNotes: {},
|
|
packingItems: [],
|
|
todoItems: [],
|
|
tags: [],
|
|
categories: [],
|
|
budgetItems: [],
|
|
files: [],
|
|
reservations: [],
|
|
selectedDayId: null,
|
|
isLoading: false,
|
|
error: null,
|
|
|
|
setSelectedDay: (dayId: number | null) => set({ selectedDayId: dayId }),
|
|
|
|
handleRemoteEvent: (event: WebSocketEvent) => handleRemoteEvent(set, event),
|
|
|
|
loadTrip: async (tripId: number | string) => {
|
|
set({ isLoading: true, error: null })
|
|
try {
|
|
const [tripData, daysData, placesData, packingData, todoData, tagsData, categoriesData] = await Promise.all([
|
|
tripsApi.get(tripId),
|
|
daysApi.list(tripId),
|
|
placesApi.list(tripId),
|
|
packingApi.list(tripId),
|
|
todoApi.list(tripId),
|
|
tagsApi.list(),
|
|
categoriesApi.list(),
|
|
])
|
|
|
|
const assignmentsMap: AssignmentsMap = {}
|
|
const dayNotesMap: DayNotesMap = {}
|
|
for (const day of daysData.days) {
|
|
assignmentsMap[String(day.id)] = day.assignments || []
|
|
dayNotesMap[String(day.id)] = day.notes_items || []
|
|
}
|
|
|
|
set({
|
|
trip: tripData.trip,
|
|
days: daysData.days,
|
|
places: placesData.places,
|
|
assignments: assignmentsMap,
|
|
dayNotes: dayNotesMap,
|
|
packingItems: packingData.items,
|
|
todoItems: todoData.items,
|
|
tags: tagsData.tags,
|
|
categories: categoriesData.categories,
|
|
isLoading: false,
|
|
})
|
|
} catch (err: unknown) {
|
|
const message = err instanceof Error ? err.message : 'Unknown error'
|
|
set({ isLoading: false, error: message })
|
|
throw err
|
|
}
|
|
},
|
|
|
|
refreshDays: async (tripId: number | string) => {
|
|
try {
|
|
const daysData = await daysApi.list(tripId)
|
|
const assignmentsMap: AssignmentsMap = {}
|
|
const dayNotesMap: DayNotesMap = {}
|
|
for (const day of daysData.days) {
|
|
assignmentsMap[String(day.id)] = day.assignments || []
|
|
dayNotesMap[String(day.id)] = day.notes_items || []
|
|
}
|
|
set({ days: daysData.days, assignments: assignmentsMap, dayNotes: dayNotesMap })
|
|
} catch (err: unknown) {
|
|
console.error('Failed to refresh days:', err)
|
|
}
|
|
},
|
|
|
|
updateTrip: async (tripId: number | string, data: Partial<Trip>) => {
|
|
try {
|
|
const result = await tripsApi.update(tripId, data)
|
|
set({ trip: result.trip })
|
|
const daysData = await daysApi.list(tripId)
|
|
const assignmentsMap: AssignmentsMap = {}
|
|
const dayNotesMap: DayNotesMap = {}
|
|
for (const day of daysData.days) {
|
|
assignmentsMap[String(day.id)] = day.assignments || []
|
|
dayNotesMap[String(day.id)] = day.notes_items || []
|
|
}
|
|
set({ days: daysData.days, assignments: assignmentsMap, dayNotes: dayNotesMap })
|
|
return result.trip
|
|
} catch (err: unknown) {
|
|
throw new Error(getApiErrorMessage(err, 'Error updating trip'))
|
|
}
|
|
},
|
|
|
|
addTag: async (data: Partial<Tag>) => {
|
|
try {
|
|
const result = await tagsApi.create(data)
|
|
set((state) => ({ tags: [...state.tags, result.tag] }))
|
|
return result.tag
|
|
} catch (err: unknown) {
|
|
throw new Error(getApiErrorMessage(err, 'Error creating tag'))
|
|
}
|
|
},
|
|
|
|
addCategory: async (data: Partial<Category>) => {
|
|
try {
|
|
const result = await categoriesApi.create(data)
|
|
set((state) => ({ categories: [...state.categories, result.category] }))
|
|
return result.category
|
|
} catch (err: unknown) {
|
|
throw new Error(getApiErrorMessage(err, 'Error creating category'))
|
|
}
|
|
},
|
|
|
|
...createPlacesSlice(set, get),
|
|
...createAssignmentsSlice(set, get),
|
|
...createDayNotesSlice(set, get),
|
|
...createPackingSlice(set, get),
|
|
...createTodoSlice(set, get),
|
|
...createBudgetSlice(set, get),
|
|
...createReservationsSlice(set, get),
|
|
...createFilesSlice(set, get),
|
|
}))
|