wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-08-08 11:13:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Use CardBody website/src/pages/admin/status/index.tsx

Browse Source 
Co-authored-by: notmd <33456881+notmd@users.noreply.github.com>
This commit is contained in:
ml729
2023-01-21 12:55:31 -05:00
co-authored by notmd
parent 56fb28f953
commit 05dce5b4a9
1 changed files with 51 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/pages/admin/status/index.tsx
+51 -50
View File
@@ -100,58 +100,59 @@ const StatusIndex = ({ user }) => {
</Card>
</SimpleGrid>
<br />
<Card bg={backgroundColor} p="6" pt="4" pr="6">
<Text as="h1" fontSize="3xl" textAlign="center">
/api/v1/stats/tree_manager
</Text>
{treeManager ? (
<Box>
<Text as="h2" fontSize="2xl">
state_counts
</Text>
<Box bg={dataBackgroundColor} borderRadius="xl" p="6" pt="4" pr="12">
<pre id="json">{JSON.stringify(treeManager.state_counts, null, 2)}</pre>
</Box>
<TableContainer>
<br />
<Card>
<CardBody>
<Text as="h1" fontSize="3xl" textAlign="center">
/api/v1/stats/tree_manager
</Text>
{treeManager ? (
<Box>
<Text as="h2" fontSize="2xl">
message_counts
state_counts
</Text>
<Table variant="simple">
<TableCaption>Tree Manager</TableCaption>
<Thead>
<Tr>
<Th>Message Tree ID</Th>
<Th>State</Th>
<Th>Depth</Th>
<Th>Oldest</Th>
<Th>Youngest</Th>
<Th>Count</Th>
<Th>Goal Tree Size</Th>
</Tr>
</Thead>
<Tbody>
{treeManager.message_counts.map(
({ message_tree_id, state, depth, oldest, youngest, count, goal_tree_size }) => (
<Tr key={message_tree_id}>
<Td>{message_tree_id}</Td>
<Td>{state}</Td>
<Td>{depth}</Td>
<Td>{oldest}</Td>
<Td>{youngest}</Td>
<Td>{count}</Td>
<Td>{goal_tree_size}</Td>
</Tr>
)
)}
</Tbody>
</Table>
</TableContainer>
</Box>
) : (
<CircularProgress isIndeterminate />
)}
<Box bg={dataBackgroundColor} borderRadius="xl" p="6" pt="4" pr="12">
<pre id="json">{JSON.stringify(treeManager.state_counts, null, 2)}</pre>
</Box>
<TableContainer>
<br />
<Text as="h2" fontSize="2xl">
message_counts
</Text>
<Table variant="simple">
<TableCaption>Tree Manager</TableCaption>
<Thead>
<Tr>
<Th>Message Tree ID</Th>
<Th>State</Th>
<Th>Depth</Th>
<Th>Oldest</Th>
<Th>Youngest</Th>
<Th>Count</Th>
<Th>Goal Tree Size</Th>
</Tr>
</Thead>
<Tbody>
{treeManager.message_counts.map(
({ message_tree_id, state, depth, oldest, youngest, count, goal_tree_size }) => (
<Tr key={message_tree_id}>
<Td>{message_tree_id}</Td>
<Td>{state}</Td>
<Td>{depth}</Td>
<Td>{oldest}</Td>
<Td>{youngest}</Td>
<Td>{count}</Td>
<Td>{goal_tree_size}</Td>
</Tr>
)
)}
</Tbody>
</Table>
</TableContainer>
</Box>
) : (
<CircularProgress isIndeterminate />
)}
</CardBody>
</Card>
</>
);