record screen redux setup

android/app/build.gradle

@@ -1,5 +1,7 @@
 apply plugin: "com.android.application"
 
+apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
+
 import com.android.build.OutputFile
 
 /**

src/navigation/index.tsx

@@ -5,7 +5,7 @@ import { StatusBar } from 'react-native';
 import { connect } from 'react-redux';
 
 import Main from '../screens/main';
-import Leaderboard from '../screens/leaderboard';
+import Records from '../screens/records';
 
 const Root = createStackNavigator();
 
@@ -16,7 +16,7 @@ class AppNav extends React.Component {
                 <StatusBar backgroundColor={'#0E0E0E'} />
                 <Root.Navigator>
                     <Root.Screen component={Main} name='Main' />
-                    <Root.Screen component={Leaderboard} name='Leaderboard' />
+                    <Root.Screen component={Records} name='Records' />
                 </Root.Navigator>
             </NavigationContainer>
         );

src/redux/action.ts

@@ -1,10 +1,15 @@
-import Board from '../game/board';
-import { ActionType, GameConfig } from '../utils/types';
+import { ActionType, GameConfig, RecordType, } from '../utils/types';
 
 export enum ActionName {
-    SAVE_GAME_STATE
+    SAVE_GAME_STATE,
+    SAVE_RECORDS,
 }
 
+export const updateRecords = (payload: Array<RecordType>): ActionType => ({
+    type: ActionName.SAVE_RECORDS,
+    payload
+});
+
 export const saveGameState = (payload: GameConfig): ActionType => ({
     type: ActionName.SAVE_GAME_STATE,
     payload,

src/redux/reducer.ts

@@ -2,10 +2,15 @@ import { combineReducers } from 'redux';
 
 import { ActionName } from './action';
 
-import { ActionType, GameConfig } from '../utils/types';
+import { ActionType, GameConfig, RecordType } from '../utils/types';
 
-const saveGame = (board: GameConfig = null, action: ActionType) => action.type === ActionName.SAVE_GAME_STATE ? action.payload : board;
+const saveGame = (board: GameConfig = null, action: ActionType) => 
+    action.type === ActionName.SAVE_GAME_STATE ? action.payload : board;
+
+const saveRecords = (records: Array<RecordType> = [], action: ActionType) =>
+    action.type === ActionName.SAVE_RECORDS ? action.payload : records;
 
 export default combineReducers({
     game: saveGame,
+    records: saveRecords,
 })

src/utils/types.ts

@@ -6,11 +6,6 @@ export interface CoordinatePair {
     col: number;
 }
 
-export interface MergingPairs {
-    mergee: CoordinatePair,
-    merger: CoordinatePair,
-}
-
 // game config
 export interface GameConfig {
     board: Array<Array<number>>,
@@ -50,3 +45,9 @@ export interface TileColorSchemeType {
     '2048': string,
     large: string,
 }
+
+// game records
+export interface RecordType {
+    topTile: number,
+    score: number,
+}