diff options
Diffstat (limited to 'gui/src/views')
| -rw-r--r-- | gui/src/views/App.css | 5 | ||||
| -rw-r--r-- | gui/src/views/App.tsx | 19 | ||||
| -rw-r--r-- | gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css | 10 | ||||
| -rw-r--r-- | gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx | 32 | ||||
| -rw-r--r-- | gui/src/views/histogram/HistogramView.tsx | 31 |
5 files changed, 0 insertions, 97 deletions
diff --git a/gui/src/views/App.css b/gui/src/views/App.css deleted file mode 100644 index 9775b76..0000000 --- a/gui/src/views/App.css +++ /dev/null @@ -1,5 +0,0 @@ -div { - display: flex; - justify-content: space-evenly; - width: 100%; -} diff --git a/gui/src/views/App.tsx b/gui/src/views/App.tsx deleted file mode 100644 index 80eb051..0000000 --- a/gui/src/views/App.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { createResource } from 'solid-js'; -import './App.css' -import { getAllBudgetUpdates, getAllCategories } from '../ajax/backend'; -import { HistogramView } from './histogram/HistogramView'; -import { BudgetUpdatesTableView } from './budgetUpdatesTable/BudgetUpdatesTableView'; - -function App() { - const [categories] = createResource(getAllCategories); - const [budgetUpdates] = createResource(getAllBudgetUpdates); - - return ( - <div> - <HistogramView categories={categories} /> - <BudgetUpdatesTableView budgetUpdates={budgetUpdates} categories={categories} /> - </div> - ); -} - -export default App diff --git a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css b/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css deleted file mode 100644 index e862976..0000000 --- a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css +++ /dev/null @@ -1,10 +0,0 @@ -div { - display: flex; - flex-direction: column; - gap: 1rem; -} - -form { - display: flex; - gap: 1rem; -} diff --git a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx b/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx deleted file mode 100644 index 465ea92..0000000 --- a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { createSignal, Match, Resource, Switch } from 'solid-js'; -import { BudgetUpdate } from '../../types/budgetUpdate'; -import { BudgetUpdatesTable } from '../../components/BudgetUpdatesTable/BudgetUpdatesTable'; -import { Category } from '../../types/category'; -import './BudgetUpdatesTableView.css'; - -export function BudgetUpdatesTableView({ budgetUpdates, categories }: Props) { - const [newCategoryId, setCategoryId] = createSignal<number>(); - - const filteredAndSortedBudgetUpdates: BudgetUpdate[] = budgetUpdates() - ?.filter((bu) => bu.categoryId === newCategoryId()) - ?.sort((bu1, bu2) => bu2.date.diff(bu1.date)) - ?? []; - - return ( - <div> - <form action="none"> - <label for="category">Category</label> - <select id="category" onChange={(e) => setCategoryId(Number(e.target.value))}> - {(categories() ?? []).map((c) => - <option value={c.id}>{c.name}</option>)} - </select> - </form> - <BudgetUpdatesTable budgetUpdates={filteredAndSortedBudgetUpdates as BudgetUpdate[]} /> - </div> - ); -} - -type Props = { - budgetUpdates: Resource<BudgetUpdate[] | null>; - categories: Resource<Category[] | null>; -} diff --git a/gui/src/views/histogram/HistogramView.tsx b/gui/src/views/histogram/HistogramView.tsx deleted file mode 100644 index 30e64ca..0000000 --- a/gui/src/views/histogram/HistogramView.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Match, Resource, Switch } from 'solid-js'; -import Histogram from '../../components/histogram/Histogram' -import { Category } from '../../types/category'; - -export function HistogramView({ categories }: Props) { - return ( - <Switch> - <Match when={categories.state === 'ready'}> - <Histogram categories={(categories as Extract<Resource<Category[]>, { state: 'ready' }>)()} /> - </Match> - <Match when={categories.state === 'pending'}> - <p>Loading...</p> - </Match> - <Match when={categories.state === 'unresolved'}> - <p>Unresolved!</p> - </Match> - <Match when={categories.state === 'errored'}> - <p>Error!</p> - <p>{JSON.stringify(categories.error, null, 2)}</p> - <p>{JSON.stringify(categories(), null, 2)}</p> - </Match> - <Match when={categories.state === 'refreshing'}> - <p>Refreshing!</p> - </Match> - </Switch> - ); -} - -type Props = { - categories: Resource<Category[] | null>; -} |
