max/money
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

refactor: fix table and clean up auth code

Browse Source
This commit is contained in:
Max Koon
2025-11-20 11:53:31 -05:00
parent b42da83274
commit 882d437007
8 changed files with 118 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/ui/src/table.tsx
View File

@@ -1,5 +1,5 @@
import { createContext, use, useState, type ReactNode } from "react";
import { View, Text } from "react-native";
import { View, Text, ScrollView } from "react-native";
import { useKeyboard } from "./useKeyboard";
const HEADER_COLOR = '#7158e2';
@@ -94,15 +94,15 @@ export function Body() {
<View style={{ backgroundColor: HEADER_COLOR, flexDirection: 'row' }}>
{columns.map(column => <Text key={column.name} style={{ fontFamily: 'mono', color: 'white' }}>{rpad(column.label, columnMap.get(column.name)! - column.label.length + EXTRA)}</Text>)}
</View>
{data.map((row, index) => {
const isSelected = index == idx || (selectedFrom != undefined && ((selectedFrom <= index && index <= idx) || (idx <= index && index <= selectedFrom)))
{data.map((row, index) => {
const isSelected = index == idx || (selectedFrom != undefined && ((selectedFrom <= index && index <= idx) || (idx <= index && index <= selectedFrom)))
return (
<View key={index} style={{ backgroundColor: isSelected ? SELECTED_COLOR : TABLE_COLORS[index % 2] }}>
<TableRow key={index} row={row as ValidRecord} index={index} isSelected={isSelected} />
</View>
);
})}
return (
<View key={index} style={{ backgroundColor: isSelected ? SELECTED_COLOR : TABLE_COLORS[index % 2] }}>
<TableRow key={index} row={row as ValidRecord} index={index} isSelected={isSelected} />
</View>
);
})}
</View>
)

18
packages/ui/src/transactions.tsx
View File

@@ -2,7 +2,7 @@ import * as Table from "./table";
import { useQuery } from "@rocicorp/zero/react";
import { queries, type Transaction } from '@money/shared';
import { use } from "react";
import { View, Text } from "react-native";
import { View, Text, ScrollView } from "react-native";
import { RouterContext } from ".";
@@ -28,13 +28,15 @@ export function Transactions() {
const [items] = useQuery(queries.allTransactions(auth));
return (
<Table.Provider
data={items}
columns={COLUMNS} >
<Table.Body />
{/* Spacer */}
<View style={{ flex: 1 }} />
<Selected />
<Table.Provider data={items} columns={COLUMNS}>
<View style={{ flex: 1 }}>
<View style={{ flexShrink: 0}}>
<Table.Body />
</View>
</View>
<View style={{ flexShrink: 0 }}>
<Selected />
</View>
</Table.Provider>
)
}