working codebase

Frontend/components/HomePageTemp.js

@@ -1,13 +1,8 @@
 import React from "react";
-import { Text, View, StyleSheet, Image } from "react-native";
+import { Text, View, StyleSheet } from "react-native";
 import { SvgXml } from "react-native-svg";
-import set from "../assets/testHome/set.svg";
-import sett from "../assets/testHome/set.png";
-import all from "../assets/testHome/all.svg";
-import alll from "../assets/testHome/all.png";
-import check from "../assets/testHome/checkmark.svg";
-import settings from "../assets/testHome/settings.svg";
-import logout from "../assets/testHome/logout.svg";
+import setButton from "../assets/testHome/setButton.svg";
+import getButton from "../assets/testHome/getButton.svg";
 import { useNavigation } from "@react-navigation/native";
 
 function HomePageTemp() {
@@ -32,40 +27,11 @@ function HomePageTemp() {
 
   return (
     <View style={styles.container}>
-      <View>
-        <Text style={styles.title}>HOME</Text>
-        <Text style={styles.subtitle}>Your Dashboard</Text>
       <View style={styles.logoutContainer}>
         <Text style={styles.logout} onPress={handleLogout}>Log Out</Text>
       </View>
-      <View style={styles.img}> 
-        <Image
-          source={require('../assets/testHome/moneyy.png')}
-        />
-      </View>
-
+      <Text style={styles.title}>HOME</Text>
       <View style={styles.subcontainer}>
-        <View style={styles.subsubcontainer}>
-          <View style={styles.button}>
-              {/* <SvgXml xml={all} onPress={goToTestScreen}/> */}
-              <Image
-                source={require('../assets/testHome/all.png')}
-              />
-          </View>
-          <View style={styles.button}>
-            <Image
-              source={require('../assets/testHome/set.png')}
-            />
-            {/* <SvgXml xml={set} onPress={goToTestScreen}/> */}
-          </View>
-        </View>
-        <View style={styles.subsubcontainer}>
-          <View style={styles.button}>
-              <SvgXml xml={settings} onPress={goToTestScreen}/>
-          </View>
-          <View style={styles.button}>
-              <SvgXml xml={logout} onPress={goToTestScreen}/>
-          </View>
         <View style={styles.button}>
           <SvgXml xml={getButton} onPress={goToAllTransactions}/>
         </View>
@@ -90,40 +56,20 @@ const styles = StyleSheet.create({
     fontSize: 40,
     fontWeight: 'bold',
     color: '#fff',
-    marginBottom: 0,
-    marginTop: '20%',
-    textAlign: 'center',
-  },
-  img: {
-    marginTop: '-10%',
-  },
-  subtitle: {
-    fontSize: 20,
-    color: '#fff',
     marginBottom: 16,
-    marginTop: '0%',
+    marginTop: '30%',
     textAlign: 'center',
   },
   subcontainer: {
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'column',
-    marginVertical: "6%",
-  },
-  subsubcontainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexDirection: 'row',
-    marginVertical: "12%",
   },
   button: {
     alignItems: "center",
     justifyContent: "center",
-    marginVertical: "12%",
-    marginHorizontal: "3%",
-    marginTop: "-10%",
+    marginVertical: "10%",
   },
   logoutContainer: {
     position: 'absolute',