idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-23 16:59:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): logs add description (#145)

Browse source 
* feat: add text about only new logs showing

* feat: make log window bigger
This commit is contained in:
gl0ryus 2022-02-26 08:20:39 -06:00 • committed by GitHub
parent 3759964ea1
commit 5442bf71e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/src/screens/Logs.tsx
View file

@ -1,5 +1,6 @@
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import { APIClient } from "../api/APIClient"; import { APIClient } from "../api/APIClient";
import {ExclamationIcon} from "@heroicons/react/solid";
type LogEvent = { type LogEvent = {
time: string; time: string;
@ -33,11 +34,18 @@ export const Logs = () => {
<header className="py-10"> <header className="py-10">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h1 className="text-3xl font-bold text-black dark:text-white capitalize">Logs</h1> <h1 className="text-3xl font-bold text-black dark:text-white capitalize">Logs</h1>
<div className="flex mt-4 justify-center">
<ExclamationIcon
className="h-5 w-5 text-yellow-400"
aria-hidden="true"
/>
<p className="ml-2 text-sm text-gray-500 dark:text-gray-400">This only shows new logs, no history</p>
</div>
</div> </div>
</header> </header>
<div className="max-w-7xl mx-auto pb-12 px-2 sm:px-4 lg:px-8"> <div className="max-w-7xl mx-auto pb-12 px-2 sm:px-4 lg:px-8">
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg px-2 sm:px-4 py-3 sm:py-4"> <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg px-2 sm:px-4 py-3 sm:py-4">
<div className=" overflow-y-auto p-2 rounded-lg h-96 bg-gray-100 dark:bg-gray-900"> <div className="overflow-y-auto p-2 rounded-lg min-h-[32rem] lg:min-h-[48rem] min-w-full bg-gray-100 dark:bg-gray-900">
{logs.map((a, idx) => ( {logs.map((a, idx) => (
<p key={idx}> <p key={idx}>
<span className="font-mono text-gray-500 dark:text-gray-600 mr-2">{a.time}</span> <span className="font-mono text-gray-500 dark:text-gray-600 mr-2">{a.time}</span>