Compare commits

..

No commits in common. "bfc6069a87750070db9dab36c848356db401416c" and "33ee18d7e2cf7ec4562a69fb25f68efda4ef7c4b" have entirely different histories.

11 changed files with 49 additions and 117 deletions

View File

@ -1,11 +1,8 @@
import { useAddTrainMutation } from '@/hooks/mutations/useTrainMutation'
import { useAuth } from '@/hooks/useAuth'
import { useTrain } from '@/hooks/useTrain'
import { TrainTrip } from '@/utils/features/train/trainSlice'
import { FontAwesome6 } from '@expo/vector-icons'
import { useMemo, useState } from 'react'
import { FlatList, StyleSheet } from 'react-native'
import { Button, Dialog, Divider, FAB, HelperText, List, Portal, Surface, Text, TextInput } from 'react-native-paper'
import { StyleSheet } from 'react-native'
import { Button, Dialog, FAB, HelperText, Portal, Surface, Text, TextInput } from 'react-native-paper'
export default function TrainScreen() {
const [addTrainVisible, setAddTrainVisible] = useState(false)
@ -18,15 +15,9 @@ export default function TrainScreen() {
onPostSuccess: () => setAddTrainVisible(false)
})
const trains = useTrain()
return (
<Surface style={{ flex: 1 }}>
<FlatList
data={trains.trains}
keyExtractor={(train) => train.id}
ItemSeparatorComponent={() => <Divider />}
renderItem={(item) => <TrainListItem train={item.item} />} />
<Text variant='bodyMedium'>Ici on aura la page pour ajouter un trajet en train depuis Rail Planner</Text>
<FAB
icon='plus'
style={styles.addTrainButton}
@ -72,22 +63,3 @@ const styles = StyleSheet.create({
bottom: 25,
}
})
function TrainListItem({ train }: { train: TrainTrip }) {
const depDateTime = new Date(train.departureTime)
const depDate = depDateTime.toLocaleDateString()
const depTime = depDateTime.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
const arrDateTime = new Date(train.arrivalTime)
const arrTime = arrDateTime.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
const durationInMinutes = (arrDateTime.getTime() - depDateTime.getTime()) / 1000 / 60
const duration = `${Math.floor(durationInMinutes / 60).toString().padStart(2, '0')}:${Math.floor(durationInMinutes % 60).toString().padStart(2, '0')}`
const title = `${train.from} ${depTime} => ${train.to} ${arrTime} (${depDate})`
const distanceKm = Math.ceil(train.distance / 1000)
const cost = 10 * distanceKm
return <>
<List.Item
title={title}
description={<><Text>Durée : {duration}, distance : {distanceKm} km, coût : {cost}</Text> <FontAwesome6 name='coins' /></>}
/>
</>
}

View File

@ -1,7 +1,5 @@
import { useAuth } from '@/hooks/useAuth'
import { useGame, useUpdateGameState, useUpdateMoney } from '@/hooks/useGame'
import { useDownloadTrains } from '@/hooks/useTrain'
import { isAuthValid } from '@/utils/features/auth/authSlice'
import { useQuery } from '@tanstack/react-query'
import { ReactNode, useEffect } from 'react'
@ -10,46 +8,32 @@ export default function GameProvider({ children }: { children: ReactNode }) {
const game = useGame()
const updateGameState = useUpdateGameState()
const updateMoney = useUpdateMoney()
const downloadTrains = useDownloadTrains()
const gameQuery = useQuery({
queryKey: ['get-game', auth.token],
queryKey: ['get-game'],
queryFn: () => fetch(`${process.env.EXPO_PUBLIC_TRAINTRAPE_MOI_SERVER}/game/`, {
headers: { "Authorization": `Bearer ${auth.token}` }}
).then(resp => resp.json()),
enabled: isAuthValid(auth),
enabled: auth.loggedIn,
refetchInterval: 5000,
})
useEffect(() => {
if (gameQuery.isSuccess && gameQuery.data)
updateGameState(gameQuery.data)
}, [gameQuery.status, gameQuery.dataUpdatedAt])
}, [gameQuery])
const playerQuery = useQuery({
queryKey: ['get-player', game.playerId, auth.token],
queryKey: ['get-player'],
queryFn: () => fetch(`${process.env.EXPO_PUBLIC_TRAINTRAPE_MOI_SERVER}/players/${game.playerId}/`, {
headers: { "Authorization": `Bearer ${auth.token}` }}
).then(resp => resp.json()),
enabled: isAuthValid(auth) && !!game.playerId,
enabled: auth.loggedIn && !!game.playerId,
refetchInterval: 5000,
})
useEffect(() => {
if (playerQuery.isSuccess && playerQuery.data)
updateMoney(playerQuery.data.money)
}, [playerQuery.status, playerQuery.dataUpdatedAt])
const trainsQuery = useQuery({
queryKey: ['get-trains', game.playerId, auth.token],
queryFn: () => fetch(`${process.env.EXPO_PUBLIC_TRAINTRAPE_MOI_SERVER}/trains/?playerId=${game.playerId}`, {
headers: { "Authorization": `Bearer ${auth.token}` }}
).then(resp => resp.json()),
enabled: isAuthValid(auth) && !game.playerId,
refetchInterval: 5000,
})
useEffect(() => {
if (trainsQuery.isSuccess && trainsQuery.data && trainsQuery)
downloadTrains(trainsQuery.data)
}, [trainsQuery.status, trainsQuery.dataUpdatedAt])
}, [playerQuery])
return <>
{children}

View File

@ -31,7 +31,7 @@ export const useGameStartMutation = ({ auth, updateGameState, onPostSuccess, onE
}).then(resp => resp.json())
},
onSuccess: async (data) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return
@ -59,7 +59,7 @@ export const useGameStopMutation = ({ auth, updateGameState, onPostSuccess, onEr
}).then(resp => resp.json())
},
onSuccess: async (data) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return
@ -87,7 +87,7 @@ export const useGameSwitchPlayerMutation = ({ auth, updateGameState, onPostSucce
}).then(resp => resp.json())
},
onSuccess: async (data) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return
@ -115,7 +115,7 @@ export const useGameRepairMutation = ({ auth, onPostSuccess, onError }: GameProp
}).then(resp => resp.json())
},
onSuccess: async (data) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return
@ -142,7 +142,7 @@ export const useGameResetMutation = ({ auth, updateGameState, onPostSuccess, onE
}).then(resp => resp.json())
},
onSuccess: async (data) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return

View File

@ -33,7 +33,7 @@ export const useLoginMutation = ({ authLogin, onPostSuccess, onError }: LoginPro
},
networkMode: 'always',
onSuccess: async (data, { name, password }: LoginForm) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return

View File

@ -33,7 +33,7 @@ export const useAddTrainMutation = ({ auth, onPostSuccess, onError }: TrainProps
}).then(resp => resp.json())
},
onSuccess: async (data) => {
if (data.statusCode) {
if (data.error) {
if (onError)
onError({ response: data })
return

View File

@ -1,8 +1,3 @@
import { downloadTrains, TrainsPayload } from "@/utils/features/train/trainSlice"
import { useAppDispatch, useAppSelector } from "./useStore"
import { useAppSelector } from "./useStore"
export const useTrain = () => useAppSelector((state) => state.train)
export const useDownloadTrains = () => {
const dispath = useAppDispatch()
return (trainsData: TrainsPayload) => dispath(downloadTrains(trainsData))
}

View File

@ -20,16 +20,6 @@ const initialState: AuthState = {
token: null,
}
export function isAuthValid({ loggedIn, token }: AuthState): boolean {
if (!loggedIn || token === null)
return false
const arrayToken = token.split('.')
const tokenPayload = JSON.parse(atob(arrayToken[1]))
const expTime: number = tokenPayload.exp * 1000
const now: number = Math.floor(new Date().getTime())
return expTime >= now
}
export const authSlice = createSlice({
name: 'auth',
initialState: initialState,

View File

@ -1,4 +1,28 @@
import { createSlice, PayloadAction } from '@reduxjs/toolkit'
import { createSlice } from '@reduxjs/toolkit'
export interface InterrailLeg {
infoJson?: string
info?: InterrailLegInfo
sortOrder: number
}
export interface InterrailTravel {
date: string
infoJson?: string
info?: InterrailTravelInfo
from: string
to: string
type: number
legs: InterrailLeg[]
}
export interface InterrailJourneyData {
travels: InterrailTravel[]
}
export interface InterrailJourney {
data: InterrailJourneyData
}
export interface InterrailTime {
hours: number
@ -61,8 +85,6 @@ export interface TrainTrip {
to: string,
departureTime: number,
arrivalTime: number,
infoJson?: string,
info?: InterrailLegInfo,
}
export interface TrainsState {
@ -73,44 +95,13 @@ const initialState: TrainsState = {
trains: []
}
export interface PaginationMeta {
currentPage: number
lastPage: number
nextPage: number
prevPage: number
total: number
totalPerPage: number
}
export interface TrainsPayload {
data: TrainTrip[]
meta: PaginationMeta
}
export const trainSlice = createSlice({
name: 'train',
initialState: initialState,
reducers: {
downloadTrains(state, action: PayloadAction<TrainsPayload>) {
if (state.trains)
state.trains = state.trains.filter(train => action.payload.data.filter(dlTrain => dlTrain.id === train.id) === null)
for (const dlTrain of action.payload.data) {
const info = dlTrain.infoJson ? JSON.parse(dlTrain.infoJson) : undefined
state.trains.push({
id: dlTrain.id,
distance: dlTrain.distance,
from: dlTrain.from,
to: dlTrain.to,
departureTime: dlTrain.departureTime,
arrivalTime: dlTrain.arrivalTime,
info: info,
})
state.trains.sort((t1, t2) => t1.departureTime > t2.departureTime ? -1 : t1.departureTime == t2.arrivalTime ? 0 : 1)
}
}
},
})
export const {downloadTrains } = trainSlice.actions
export const { } = trainSlice.actions
export default trainSlice.reducer

View File

@ -37,8 +37,8 @@ export class GeolocationsController {
@UseGuards(JwtAuthGuard)
@ApiBearerAuth()
@ApiOkResponsePaginated(GeolocationEntity)
async findAll(@Query() queryPagination: QueryPaginationDto, @Query() { playerId }: PlayerFilterDto): Promise<PaginateOutputDto<GeolocationEntity>> {
const [geolocations, total] = await this.geolocationsService.findAll(queryPagination, { playerId })
async findAll(@Query() queryPagination?: QueryPaginationDto, @Query() playerFilter?: PlayerFilterDto): Promise<PaginateOutputDto<GeolocationEntity>> {
const [geolocations, total] = await this.geolocationsService.findAll(queryPagination, playerFilter)
return paginateOutput<GeolocationEntity>(geolocations.map(geolocation => new GeolocationEntity(geolocation)), total, queryPagination)
}

View File

@ -38,8 +38,8 @@ export class MoneyUpdatesController {
@UseGuards(JwtAuthGuard)
@ApiBearerAuth()
@ApiOkResponsePaginated(MoneyUpdateEntity)
async findAll(@Query() queryPagination: QueryPaginationDto, @Query() { playerId }: PlayerFilterDto): Promise<PaginateOutputDto<MoneyUpdateEntity>> {
const [trains, total] = await this.moneyUpdatesService.findAll(queryPagination, { playerId })
async findAll(@Query() queryPagination: QueryPaginationDto, @Query() playerFilter: PlayerFilterDto): Promise<PaginateOutputDto<MoneyUpdateEntity>> {
const [trains, total] = await this.moneyUpdatesService.findAll(queryPagination, playerFilter)
return paginateOutput<MoneyUpdateEntity>(trains.map(train => new MoneyUpdateEntity(train)), total, queryPagination)
}

View File

@ -41,8 +41,8 @@ export class TrainsController {
@UseGuards(JwtAuthGuard)
@ApiBearerAuth()
@ApiOkResponsePaginated(TrainEntity)
async findAll(@Query() queryPagination: QueryPaginationDto, @Query() { playerId }: PlayerFilterDto): Promise<PaginateOutputDto<TrainEntity>> {
const [trains, total] = await this.trainsService.findAll(queryPagination, { playerId })
async findAll(@Query() queryPagination: QueryPaginationDto, @Query() playerFilter: PlayerFilterDto): Promise<PaginateOutputDto<TrainEntity>> {
const [trains, total] = await this.trainsService.findAll(queryPagination, playerFilter)
return paginateOutput<TrainEntity>(trains.map(train => new TrainEntity(train)), total, queryPagination)
}