High score placeholder

squarenotsquare/src/screens/HighScore.js

@@ -1,14 +1,44 @@
-import React from "react";
-import { Text, View } from "react-native";
-import { useState } from "react";
+import React, { useEffect } from "react";
+import { BackHandler, SafeAreaView, Text, TouchableOpacity, View } from "react-native";
+import { styles } from './styles/AppStyles';
+import Slider from "../components/Slider";
+import { useDispatch } from "react-redux";
+import {goHome} from '../redux/actions/SystemActions';
 
-function HighScore(props){
+function HighScore(){
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    BackHandler.addEventListener('hardwareBackPress', () => {return true});
+  }, [])
+
+  function onPressMainMenu(){
+    dispatch(goHome());
+  }
+
+  const now = new Date(Date.now());
 
   return (
-    <View>
-      <Text style={{color: 'black'}}>test</Text>
+    <SafeAreaView style={[styles.flex]}>
+      <View style={[styles.flex, styles.spaceAround]}>
+        <Text style={[styles.headerTitleFont, styles.centeredText, styles.darkText]}>
+          Not Implemented
+        </Text>
+      </View>
+      <View style={[styles.flex, styles.centeredItems, styles.spaceEvenly]}>
+        <Slider origin={400} duration={750} delay={0}>
+          <TouchableOpacity
+            onPress={onPressMainMenu}
+            style={[styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow]}
+          >
+            <Text style={[styles.lightText, styles.headerTitleFont, styles.boldText, styles.centeredText]}>
+              Main Menu
+            </Text>
+          </TouchableOpacity>
+        </Slider>
       </View>
-  );
+    </SafeAreaView>
+  )
 }
 
 export default HighScore;