|
@ -5,6 +5,7 @@ import Slider from "../components/Slider"; |
|
|
import { useDispatch } from "react-redux"; |
|
|
import { useDispatch } from "react-redux"; |
|
|
import {goHome} from '../redux/actions/SystemActions'; |
|
|
import {goHome} from '../redux/actions/SystemActions'; |
|
|
import DbAPI from "../realm/DbAPI"; |
|
|
import DbAPI from "../realm/DbAPI"; |
|
|
|
|
|
import { ScrollView } from "react-native-gesture-handler"; |
|
|
|
|
|
|
|
|
function HighScore(){ |
|
|
function HighScore(){ |
|
|
const dispatch = useDispatch(); |
|
|
const dispatch = useDispatch(); |
|
@ -53,20 +54,20 @@ function HighScore(){ |
|
|
|
|
|
|
|
|
return ( |
|
|
return ( |
|
|
<SafeAreaView style={[styles.flex]}> |
|
|
<SafeAreaView style={[styles.flex]}> |
|
|
<View style={[styles.flex, styles.centeredItems, styles.spaceEvenly]}> |
|
|
<View style={[styles.flex, styles.spaceEvenly]}> |
|
|
<Slider origin={400} duration={750} delay={0}> |
|
|
<Slider origin={400} duration={750} delay={0}> |
|
|
<TouchableOpacity |
|
|
<TouchableOpacity |
|
|
onPress={onPressMainMenu} |
|
|
onPress={onPressMainMenu} |
|
|
style={[styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow, styles.smallMargin]} |
|
|
style={[styles.centeredSelf, styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow, styles.smallMargin]} |
|
|
> |
|
|
> |
|
|
<Text style={[styles.lightText, styles.headerTitleFont, styles.boldText, styles.centeredText]}> |
|
|
<Text style={[styles.lightText, styles.headerTitleFont, styles.boldText, styles.centeredText]}> |
|
|
Main Menu |
|
|
Main Menu |
|
|
</Text> |
|
|
</Text> |
|
|
</TouchableOpacity> |
|
|
</TouchableOpacity> |
|
|
</Slider> |
|
|
</Slider> |
|
|
<View style={[styles.flex]}> |
|
|
<ScrollView style={[styles.flex, styles.smallMargin]}> |
|
|
{renderScores()} |
|
|
{renderScores()} |
|
|
</View> |
|
|
</ScrollView> |
|
|
</View> |
|
|
</View> |
|
|
</SafeAreaView> |
|
|
</SafeAreaView> |
|
|
) |
|
|
) |
|
|