tambahan
This commit is contained in:
@@ -288,19 +288,19 @@ function ListApiKey() {
|
|||||||
fontSize: "0.9rem",
|
fontSize: "0.9rem",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<thead>
|
<Table.Thead>
|
||||||
<tr>
|
<Table.Tr>
|
||||||
<th>Name</th>
|
<Table.Th>Name</Table.Th>
|
||||||
<th>Description</th>
|
<Table.Th>Description</Table.Th>
|
||||||
<th>Expires</th>
|
<Table.Th>Expires</Table.Th>
|
||||||
<th>Created</th>
|
<Table.Th>Created</Table.Th>
|
||||||
<th>Updated</th>
|
<Table.Th>Updated</Table.Th>
|
||||||
<th style={{ textAlign: "center" }}>Actions</th>
|
<Table.Th style={{ textAlign: "center" }}>Actions</Table.Th>
|
||||||
</tr>
|
</Table.Tr>
|
||||||
</thead>
|
</Table.Thead>
|
||||||
<tbody>
|
<Table.Tbody>
|
||||||
{apiKeys.map((apiKey: any, index: number) => (
|
{apiKeys.map((apiKey: any, index: number) => (
|
||||||
<tr
|
<Table.Tr
|
||||||
key={index}
|
key={index}
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: "rgba(255,255,255,0.03)",
|
backgroundColor: "rgba(255,255,255,0.03)",
|
||||||
@@ -315,9 +315,9 @@ function ListApiKey() {
|
|||||||
"rgba(255,255,255,0.03)")
|
"rgba(255,255,255,0.03)")
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<td>{apiKey.name}</td>
|
<Table.Td>{apiKey.name}</Table.Td>
|
||||||
<td>{apiKey.description || "-"}</td>
|
<Table.Td>{apiKey.description || "-"}</Table.Td>
|
||||||
<td>
|
<Table.Td>
|
||||||
<Badge
|
<Badge
|
||||||
color={
|
color={
|
||||||
new Date(apiKey.expiredAt) < new Date()
|
new Date(apiKey.expiredAt) < new Date()
|
||||||
@@ -328,10 +328,10 @@ function ListApiKey() {
|
|||||||
>
|
>
|
||||||
{new Date(apiKey.expiredAt).toLocaleDateString()}
|
{new Date(apiKey.expiredAt).toLocaleDateString()}
|
||||||
</Badge>
|
</Badge>
|
||||||
</td>
|
</Table.Td>
|
||||||
<td>{new Date(apiKey.createdAt).toLocaleDateString()}</td>
|
<Table.Td>{new Date(apiKey.createdAt).toLocaleDateString()}</Table.Td>
|
||||||
<td>{new Date(apiKey.updatedAt).toLocaleDateString()}</td>
|
<Table.Td>{new Date(apiKey.updatedAt).toLocaleDateString()}</Table.Td>
|
||||||
<td>
|
<Table.Td>
|
||||||
<Group gap="xs" justify="center">
|
<Group gap="xs" justify="center">
|
||||||
<Tooltip label="Copy API Key">
|
<Tooltip label="Copy API Key">
|
||||||
<ActionIcon
|
<ActionIcon
|
||||||
@@ -354,10 +354,10 @@ function ListApiKey() {
|
|||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</Group>
|
</Group>
|
||||||
</td>
|
</Table.Td>
|
||||||
</tr>
|
</Table.Tr>
|
||||||
))}
|
))}
|
||||||
</tbody>
|
</Table.Tbody>
|
||||||
</Table>
|
</Table>
|
||||||
</ScrollArea>
|
</ScrollArea>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user