import { View, Text, Image, TouchableOpacity, FlatList } from "react-native";
import { useNavigation } from "@react-navigation/native";
import tw from "tailwind-rn";
import fontSize from "../../../constants/fontSize";
import { connect } from "react-redux";
import Progress from "../../../components/Progress";
import Header from "../components/Header";
//Color
import Color from "../../../constants/Colors";
function Videos({ videos, grades }) {
return (
}
keyExtractor={(item) => item.id}
/>
);
}
const Video = ({ video, grades }) => {
const navigation = useNavigation();
return (
navigation.navigate("Video", { id: video.id })}
>
{video.name}
{grades[video.gradeId]}
);
};
const mapStateToProps = (state) => ({
grades: state.publicApi.grades,
});
export default connect(mapStateToProps, {})(Videos);