|
|
@ -1,5 +1,5 @@
|
|
|
|
import { BackgroundImage, SearchBar } from "@rneui/base";
|
|
|
|
import { BackgroundImage, SearchBar } from "@rneui/base";
|
|
|
|
import React, { useState } from "react";
|
|
|
|
import React, { useEffect, useState } from "react";
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
FlatList,
|
|
|
|
FlatList,
|
|
|
|
StyleSheet,
|
|
|
|
StyleSheet,
|
|
|
@ -7,9 +7,11 @@ import {
|
|
|
|
View,
|
|
|
|
View,
|
|
|
|
TouchableOpacity,
|
|
|
|
TouchableOpacity,
|
|
|
|
} from "react-native";
|
|
|
|
} from "react-native";
|
|
|
|
|
|
|
|
import { useDispatch, useSelector } from "react-redux";
|
|
|
|
import SessionListItem from "../components/SessionCmp";
|
|
|
|
import SessionListItem from "../components/SessionCmp";
|
|
|
|
import TopBar from "../components/TopBar";
|
|
|
|
import TopBar from "../components/TopBar";
|
|
|
|
import { Session } from "../core/Session";
|
|
|
|
import { Session } from "../core/Session";
|
|
|
|
|
|
|
|
import { getSessionsList } from "../redux/actions/sessions";
|
|
|
|
import { SESSIONS } from "../stub/stub";
|
|
|
|
import { SESSIONS } from "../stub/stub";
|
|
|
|
|
|
|
|
|
|
|
|
export default function Session_browser(props: { navigation: any }) {
|
|
|
|
export default function Session_browser(props: { navigation: any }) {
|
|
|
@ -21,13 +23,23 @@ export default function Session_browser(props: { navigation: any }) {
|
|
|
|
navigation.navigate("Lap", { "session" : item });
|
|
|
|
navigation.navigate("Lap", { "session" : item });
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const sessions = useSelector(state => state.appReducer.sessions);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const dispatch = useDispatch();
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
|
|
|
const loadTeams = async () => {
|
|
|
|
|
|
|
|
await dispatch(getSessionsList());
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
loadTeams();
|
|
|
|
|
|
|
|
}, [dispatch]);
|
|
|
|
|
|
|
|
|
|
|
|
const filteredData =
|
|
|
|
const filteredData =
|
|
|
|
search !== ""
|
|
|
|
search !== ""
|
|
|
|
? SESSIONS.filter((item) =>
|
|
|
|
? sessions.filter((item) =>
|
|
|
|
item.getName().toLowerCase().includes(search.toLowerCase())
|
|
|
|
item.getName().toLowerCase().includes(search.toLowerCase())
|
|
|
|
)
|
|
|
|
)
|
|
|
|
: SESSIONS;
|
|
|
|
: sessions;
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<View style={styles.container}>
|
|
|
|
<View style={styles.container}>
|
|
|
|
<View style={styles.container}>
|
|
|
|
<View style={styles.container}>
|
|
|
|