Caching logs
This commit is contained in:
@@ -15,16 +15,17 @@ import { AnsiText } from "@/components/ansi/Ansi";
|
|||||||
export default function LogsPage() {
|
export default function LogsPage() {
|
||||||
const [isPaused, setIsPaused] = useState(false);
|
const [isPaused, setIsPaused] = useState(false);
|
||||||
const [filter, setFilter] = useState<"all" | "info" | "warn" | "error">(
|
const [filter, setFilter] = useState<"all" | "info" | "warn" | "error">(
|
||||||
"all"
|
"all",
|
||||||
);
|
);
|
||||||
const { value: logs, setValue: setLogs } = useAsyncInterval(
|
const { value: logs, setValue: setLogs } = useAsyncInterval(
|
||||||
|
"logs",
|
||||||
[],
|
[],
|
||||||
async () => (isPaused ? ([] as Log[]) : getAllContainerLogs()),
|
async () => (isPaused ? ([] as Log[]) : getAllContainerLogs()),
|
||||||
1000
|
1000,
|
||||||
);
|
);
|
||||||
|
|
||||||
const filteredLogs = logs.filter((log) =>
|
const filteredLogs = logs.filter((log) =>
|
||||||
filter === "all" ? true : log.level === filter
|
filter === "all" ? true : log.level === filter,
|
||||||
);
|
);
|
||||||
|
|
||||||
const handleExport = () => {
|
const handleExport = () => {
|
||||||
@@ -171,7 +172,7 @@ export default function LogsPage() {
|
|||||||
<span
|
<span
|
||||||
className={cn(
|
className={cn(
|
||||||
"uppercase md:w-12 md:shrink-0 md:mx-3",
|
"uppercase md:w-12 md:shrink-0 md:mx-3",
|
||||||
getLevelClass(log.level)
|
getLevelClass(log.level),
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
[{log.level}]
|
[{log.level}]
|
||||||
|
|||||||
Reference in New Issue
Block a user