A few changes:

Auto fill amount category edit
Empty list component
calendar filtering
in category screen, expenses can be added directly

app/(tabs)/(budget)/category.tsx

@@ -1,8 +1,7 @@
 import { FontAwesome } from "@expo/vector-icons";
 import { useRouter, useLocalSearchParams } from "expo-router";
 import { FlatList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { ExpenseItem, LoadingSymbol, TextInputBar } from "../../../components";
-
+import { ExpenseItem, LoadingSymbol, TextInputBar, EmptyListCompenent, Plus } from "../../../components";
 import useFetch from "../../../hooks/useFetch";
 import { useTheme } from "../../contexts/ThemeContext";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -37,6 +36,7 @@ export default function Page() {
 
     return (
         <SafeAreaView style={[styles.safeAreaView, {backgroundColor: colors.containerColor}]}>
+             <Plus onPress={()=> router.push(`/expense/new?category=${category_guid}`)}/>
             <TouchableOpacity style={styles.backContainer} onPress={handleBackButton}>
                 <FontAwesome style={styles.iconBack} name="arrow-left" size={35} color={colors.primaryText}/>
                 <Text style={[styles.backText, {color: colors.secondaryText}]}>Back</Text>
@@ -65,6 +65,7 @@ export default function Page() {
                     ItemSeparatorComponent={() => {
                         return (<View style={styles.itemSeperator}/>);
                     }}
+                    ListEmptyComponent={EmptyListCompenent}
                 />
             )}
         </SafeAreaView>