SQL Logs #207
SQL Logs #207
Conversation
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
|
This PR is being deployed to Railway 🚅 web: ◻️ REMOVED |
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
There was a problem hiding this comment.
Experimenting with my own Card component on the txn page just to have more control over how it looks. Still don't love using cards like this everywhere, but it's just a go-to for the time being.
There was a problem hiding this comment.
You, @dtbuchholz, and I all independently opened PRs to fix/change the ShadCN Card. Maybe we combine them into a single component and start using that everywhere on the site?
There was a problem hiding this comment.
This is the react server component page that renders to view a single transaction.
There was a problem hiding this comment.
Made this address display component a little more flexible so we can use it to display txn hashes as well.
There was a problem hiding this comment.
Added the ability to disable the buttons in the Paginator component. You'd want to disable them while data is loading, for example.
There was a problem hiding this comment.
Client component that renders SQL logs for a table.
| <Tabs defaultValue="data" className="py-4"> | ||
| <TabsList> | ||
| <TabsTrigger value="data">Table Data</TabsTrigger> | ||
| <TabsTrigger value="logs">SQL Logs</TabsTrigger> | ||
| </TabsList> | ||
| <TabsContent value="data"> | ||
| <DataTable columns={columns} data={data.results} /> | ||
| </TabsContent> | ||
| <TabsContent value="logs"> | ||
| <SQLLogs chain={chainId} tableId={tokenId} /> | ||
| </TabsContent> | ||
| </Tabs> |
There was a problem hiding this comment.
Added tabbed navigation to switch between viewing table data and SQL logs. Planning on adding a tab to view the table schema as well.
packages/web/components/ui/tabs.tsx
Outdated
There was a problem hiding this comment.
Shadcn tabs component. This is not code I wrote, just installed it from his tool.
There was a problem hiding this comment.
Added new functions for querying for SQL logs.
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
Signed-off-by: Aaron Sutula <asutula@users.noreply.github.com>
There was a problem hiding this comment.
@joewagner here is a new component that wraps the shadcn card with what I'm calling MetricCard. The shadcn card is quite flexible and general use. I made the MetricCard more opinionated about the way it displays information which lends itself more to the display of "metrics" tiles. This is how we've mostly been using the card throughout Studio. It also handles the overflow issue by using hyphens: auto and a tooltip.
There was a problem hiding this comment.
I use this component on the sql log page in this PR, and we can apply it elsewhere in the site in an upcoming PR.
Adds a tabbed UI to the table page where you can switch between viewing table data and SQL logs for the table. When viewing logs, you can click any log entry and view a dedicated page for that txn hash.