changed useFetch to take a Query parameter so It is easy to work with across the whole app
This commit is contained in:
parent
8009a6a090
commit
ef90c4ee1a
5 changed files with 51 additions and 27 deletions
|
|
@ -18,7 +18,7 @@ export default function Page() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const {data, isLoading, reFetch} = useFetch();
|
const {data, isLoading, reFetch} = useFetch({sql: "SELECT guid as category_guid, name as category_name, color as category_color FROM category", args: []});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SafeAreaView style={styles.container}>
|
<SafeAreaView style={styles.container}>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,8 @@ import { FlatList } from 'react-native-gesture-handler';
|
||||||
import { SafeAreaView } from 'react-native-safe-area-context';
|
import { SafeAreaView } from 'react-native-safe-area-context';
|
||||||
import { ExpenseItem, LoadingSymbol, Plus, SearchBar, Welcome } from '../../../components';
|
import { ExpenseItem, LoadingSymbol, Plus, SearchBar, Welcome } from '../../../components';
|
||||||
import useFetch from '../../../hooks/useFetch';
|
import useFetch from '../../../hooks/useFetch';
|
||||||
import { addExpense } from "../../../services/database";
|
import { useThemeColor } from "../../../hooks/useThemeColor";
|
||||||
|
import { addExpense, executeQuery } from "../../../services/database";
|
||||||
import { useAuth } from '../../contexts/AuthContext';
|
import { useAuth } from '../../contexts/AuthContext';
|
||||||
import { useRouter } from "expo-router";
|
import { useRouter } from "expo-router";
|
||||||
import { SimpleDate } from '../../../util/SimpleDate';
|
import { SimpleDate } from '../../../util/SimpleDate';
|
||||||
|
|
@ -81,7 +82,7 @@ export default function Page() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const {data, isLoading, reFetch} = useFetch();
|
const {data, isLoading, reFetch} = useFetch({sql: "SELECT e.guid AS expense_guid, c.guid AS category_guid, e.name AS expense_name, c.name AS category_name, e.datetime AS expense_datetime, e.amount AS expense_amount, c.color AS category_color, c.type AS category_type FROM expense e JOIN category c ON e.category_guid = c.guid;", args: []});
|
||||||
|
|
||||||
const expenseDates = useMemo(()=>
|
const expenseDates = useMemo(()=>
|
||||||
constructMarkedDates(data)
|
constructMarkedDates(data)
|
||||||
|
|
@ -93,9 +94,14 @@ export default function Page() {
|
||||||
<SafeAreaView edges={["left", "right", "top"]} style={styles.safeAreaViewStyle}>
|
<SafeAreaView edges={["left", "right", "top"]} style={styles.safeAreaViewStyle}>
|
||||||
{plusShow && <Plus onPress={()=>{
|
{plusShow && <Plus onPress={()=>{
|
||||||
// router.push("/(tabs)/home/addItem");
|
// router.push("/(tabs)/home/addItem");
|
||||||
newExpense("Test Title", "3b33b8ac-5fc1-43e5-81fc-cf61628861f7", "69.69.1234", 100).then(() => {
|
|
||||||
|
executeQuery({sql: "SELECT guid FROM category", args: []}).then((result) => {
|
||||||
|
if("rows" in result[0]) {
|
||||||
|
newExpense("Test Title", result[0]["rows"][0]["guid"], "69.69.1234", 100).then(() => {
|
||||||
reFetch();
|
reFetch();
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
}}/>}
|
}}/>}
|
||||||
|
|
||||||
{isLoading && <LoadingSymbol></LoadingSymbol>}
|
{isLoading && <LoadingSymbol></LoadingSymbol>}
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,17 @@
|
||||||
|
import { Query } from 'expo-sqlite';
|
||||||
import { StyleSheet, Text, View } from 'react-native';
|
import { StyleSheet, Text, View } from 'react-native';
|
||||||
import { deleteExpenses } from '../../../services/database';
|
import { addCategory, deleteDatabase, deleteExpenses, executeQuery, initDatabase } from '../../../services/database';
|
||||||
|
|
||||||
export default function Page() {
|
export default function Page() {
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
container: {
|
container: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
justifyContent: 'center',
|
justifyContent: 'space-evenly',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
},
|
},
|
||||||
text: {
|
text: {
|
||||||
textAlign: 'center',
|
|
||||||
fontSize: 40,
|
fontSize: 40,
|
||||||
color: "red",
|
color: "yellow",
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -24,5 +24,28 @@ export default function Page() {
|
||||||
console.log("Expenses Deleted!");
|
console.log("Expenses Deleted!");
|
||||||
})
|
})
|
||||||
}}>Reset Expenses</Text>
|
}}>Reset Expenses</Text>
|
||||||
|
|
||||||
|
<Text style={styles.text} onPress={() => {
|
||||||
|
deleteDatabase();
|
||||||
|
console.log("Database Deleted!");
|
||||||
|
}}>Reset Database</Text>
|
||||||
|
|
||||||
|
<Text style={styles.text} onPress={() => {
|
||||||
|
initDatabase().then(() => {
|
||||||
|
console.log("Database Initialized!");
|
||||||
|
});
|
||||||
|
}}>Init Database</Text>
|
||||||
|
|
||||||
|
<Text style={styles.text} onPress={() => {
|
||||||
|
addCategory("Test", "blue", "budget").then(() => {
|
||||||
|
const getCategoryQuery: Query = {sql: "SELECT guid FROM category", args: []};
|
||||||
|
executeQuery(getCategoryQuery).then((result) => {
|
||||||
|
if("rows" in result[0]) {
|
||||||
|
console.log(result[0]["rows"]);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log("Category added with success!");
|
||||||
|
})
|
||||||
|
}}>Add Category</Text>
|
||||||
</View>);
|
</View>);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,15 @@
|
||||||
|
import { Query } from "expo-sqlite";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { executeQuery } from "../services/database";
|
import { executeQuery } from "../services/database";
|
||||||
|
|
||||||
const useFetch = () => {
|
const useFetch = (query: Query) => {
|
||||||
|
|
||||||
const [isLoading, setIsLoading] = useState(false);
|
const [isLoading, setIsLoading] = useState(false);
|
||||||
const [data, setData] = useState<{[column: string]: any;}[]>([]);
|
const [data, setData] = useState<{[column: string]: any;}[]>([]);
|
||||||
|
|
||||||
const reFetch = () => {
|
const reFetch = () => {
|
||||||
setIsLoading(true);
|
setIsLoading(true);
|
||||||
executeQuery("SELECT e.guid AS expense_guid, c.guid AS category_guid, e.name AS expense_name, c.name AS category_name, e.datetime AS expense_datetime, e.amount AS expense_amount, c.color AS category_color, c.type AS category_type FROM expense e JOIN category c ON e.category_guid = c.guid;").then((result) => {
|
executeQuery(query).then((result) => {
|
||||||
if("rows" in result[0]) {
|
if("rows" in result[0]) {
|
||||||
setData(result[0]["rows"]);
|
setData(result[0]["rows"]);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
//created by thschleicher
|
|
||||||
|
|
||||||
import * as SQLite from "expo-sqlite";
|
import * as SQLite from "expo-sqlite";
|
||||||
import uuid from "react-native-uuid";
|
import uuid from "react-native-uuid";
|
||||||
|
|
@ -6,22 +5,21 @@ import uuid from "react-native-uuid";
|
||||||
import { Query } from "expo-sqlite";
|
import { Query } from "expo-sqlite";
|
||||||
import { SimpleDate } from "../util/SimpleDate";
|
import { SimpleDate } from "../util/SimpleDate";
|
||||||
|
|
||||||
const db = SQLite.openDatabase("interactive_systeme.db");
|
let db: SQLite.SQLiteDatabase;
|
||||||
|
|
||||||
export const initDatabase = async () => {
|
export const initDatabase = async () => {
|
||||||
|
db = SQLite.openDatabase("interactive_systeme.db");
|
||||||
try {
|
try {
|
||||||
await db.transactionAsync(async (tx: SQLite.SQLTransactionAsync) => {
|
await db.transactionAsync(async (tx: SQLite.SQLTransactionAsync) => {
|
||||||
await tx.executeSqlAsync(
|
await tx.executeSqlAsync(
|
||||||
"CREATE TABLE IF NOT EXISTS category (guid VARCHAR(36) PRIMARY KEY, name TEXT, color TEXT, type TEXT);"
|
"CREATE TABLE IF NOT EXISTS category (guid VARCHAR(36) PRIMARY KEY, name TEXT, color TEXT, type TEXT, allocated_amount DOUBLE);"
|
||||||
);
|
);
|
||||||
await tx.executeSqlAsync(
|
await tx.executeSqlAsync(
|
||||||
"CREATE TABLE IF NOT EXISTS expense (guid VARCHAR(36) PRIMARY KEY, name TEXT, category_guid VARCHAR(36), datetime DATETIME, amount DOUBLE, FOREIGN KEY (category_guid) REFERENCES category(guid));"
|
"CREATE TABLE IF NOT EXISTS expense (guid VARCHAR(36) PRIMARY KEY, name TEXT, category_guid VARCHAR(36), datetime DATETIME, amount DOUBLE, FOREIGN KEY (category_guid) REFERENCES category(guid));"
|
||||||
);
|
);
|
||||||
console.log("Successfully initialized Tables!");
|
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
console.log("Error initializing the Database!");
|
||||||
console.log("Error initializing the Tables!");
|
|
||||||
throw (error);
|
throw (error);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
@ -38,7 +36,6 @@ export const addCategory = async (name: string, color: string, type: string) =>
|
||||||
[UUID.toString(), name, color, type]
|
[UUID.toString(), name, color, type]
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
console.log("Category added successfully!");
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log("Error adding category: ", error);
|
console.log("Error adding category: ", error);
|
||||||
throw error;
|
throw error;
|
||||||
|
|
@ -56,7 +53,6 @@ export const addExpense = async (name: string, category_guid: string,datetime: s
|
||||||
await tx.executeSqlAsync("INSERT INTO expense (guid, name, category_guid, datetime, amount) VALUES (?, ?, ?, ?, ?);", [expenseUUID.toString(), name, category_guid, datetime, amount]
|
await tx.executeSqlAsync("INSERT INTO expense (guid, name, category_guid, datetime, amount) VALUES (?, ?, ?, ?, ?);", [expenseUUID.toString(), name, category_guid, datetime, amount]
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
console.log("Expense added successfully!");
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log("Error adding expense: ", error);
|
console.log("Error adding expense: ", error);
|
||||||
throw error;
|
throw error;
|
||||||
|
|
@ -85,15 +81,15 @@ export const deleteExpense = async (guid: string) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export const executeQuery = async (query: string) => {
|
export const executeQuery = async (query: Query) => {
|
||||||
const sqliteQuary: Query[] = [{sql: query, args: []}];
|
const result = await db.execAsync([query], true);
|
||||||
const result = await db.execAsync(sqliteQuary, true);
|
|
||||||
if("error" in result[0]){
|
if("error" in result[0]){
|
||||||
throw result[0].error
|
throw result[0].error
|
||||||
}
|
}
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export const deleteExpenses = async () => {
|
export const deleteExpenses = async () => {
|
||||||
try {
|
try {
|
||||||
await db.transactionAsync(async (tx: SQLite.SQLTransactionAsync) => {
|
await db.transactionAsync(async (tx: SQLite.SQLTransactionAsync) => {
|
||||||
|
|
@ -125,9 +121,7 @@ export const deleteDatabase = () => {
|
||||||
console.log("Error deleting the Database: ", error);
|
console.log("Error deleting the Database: ", error);
|
||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
console.log("Database Deleted!")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const closeDatabase = async () => {
|
const closeDatabase = async () => {
|
||||||
|
|
@ -151,7 +145,7 @@ export const DEV_populateDatabase = async () => {
|
||||||
let random = Math.floor(Math.random() * colors.length);
|
let random = Math.floor(Math.random() * colors.length);
|
||||||
await addCategory(`Category ${i}`, colors[random], "budget")
|
await addCategory(`Category ${i}`, colors[random], "budget")
|
||||||
}
|
}
|
||||||
const result = await executeQuery("SELECT * from category")
|
const result = await executeQuery({sql:"SELECT * from category", args:[]})
|
||||||
let categories: {[column: string]: any}[];
|
let categories: {[column: string]: any}[];
|
||||||
if("rows" in result[0]){
|
if("rows" in result[0]){
|
||||||
categories = result[0]["rows"]
|
categories = result[0]["rows"]
|
||||||
|
|
|
||||||
Reference in a new issue