-
+ const tileSize = (tile: typeof transactionTiles[0]) => ({
+ colSpan: tile.cols,
+ rowSpan: tile.rows
+ });
+ const cumulateTransactions = (points: transactionPoint[]): transactionPoint[] => {
+ let total = 0;
+ return points.map(value => {
+ total += value.amount;
+ return {date: value.date, amount: total};
+ })
+ }
+ const getDateString = (timestamp: number): string => {
+ const date = new Date(timestamp)
+ const day = date.getDate().toString().padStart(2, '0'); // Ensures two digits
+ const month = (date.getMonth() + 1).toString().padStart(2, '0'); // Month is 0-indexed, add 1
+ const year = date.getFullYear();
+ return `${day}/${month}/${year}`;
+ }
+ const splitTransactions = (data: transactionPoint[]): void => {
+ const moneyIn: transactionPoint[] = []
+ const moneyOut: transactionPoint[] = []
+ data.forEach(t => {
+ if (t.amount > 0) {
+ moneyIn.push(t)
+ } else {
+ moneyOut.push(t)
+ }
+ })
+ setPoints([cumulateTransactions(data), cumulateTransactions(moneyIn), cumulateTransactions(moneyOut)])
+ console.log(transactionPoints)
+ }
+ const readTransactions = (data: Transaction[]): void => {
+ const result: transactionPoint[] = []
+ data.forEach(t => {
+ result.push({amount: t.amount, date: getDateString(t.dateTime)})
+ })
+ splitTransactions(result)
+ }
+ const fetchTransactions = async (user: User) => {
+ try {
+ const transactions = await getTransactionsFilterOrderBy(user, orderBy("dateTime", "desc"))
+ readTransactions(transactions)
+ setFetchResolved(true);
+ } catch (error) {}
+ }
+
+ const {width} = useWindowDimensions();
+ const columns = Math.max(Math.floor(width / 200), 1);
+
+ // Transaction Loading and Handling
+ useEffect(() => {
+ if (auth.currentUser !== null) {
+ getCurrentBalance(auth.currentUser).then((b) => setBalance(b));
+ fetchTransactions(auth.currentUser).then(() => console.log("Fetched Transactions", transactionPoints));
+ }
+ },[auth.currentUser])
- {/* TODO: MOVE TO CORRECT POSITION ON DASHBOARD */}
-
+
+ if (!authResolved) {
+ auth.authStateReady().then(() => setAuthResolved(true));
+ return <>
+
+
+
Waiting for Auth
+
+
+ ;
+ }
+ if (!fetchResolved) {
+ auth.authStateReady().then(() => setAuthResolved(true));
+ return <>
+
+
+
Fetching
+
+
+ ;
+ }
+
+ const transactionTiles = [
+ {d: TileElement.newGraph(transactionPoints[0]), cols:5, rows:2},
+ {d: TileElement.newGraph(transactionPoints[1]), cols:5, rows:2},
+ {d: TileElement.newGraph(transactionPoints[2]), cols:5, rows:2},
+ {d: TileElement.newTSX(test), cols:1, rows:1}
+ ];
+
+ const renderFirebase: RenderTileFunction
= ({ data, isDragging }) => (
+
+
+ {data.d.isGraph() ? : data.d.forceGetTSX()()}
+
+
+
+
-
+
-
+
-
-
-
Testing Tiles
-
Go back
-
-
-
+
+ {balance}
+
+
+
+ );
}
\ No newline at end of file