mirror of
https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git
synced 2026-02-03 03:10:50 +08:00
4d898b3e20
- Add log line parser to extract timestamp, level, status code, latency, IP, HTTP method, and path - Implement virtual scrolling with load-more on scroll-up to handle large log files efficiently - Replace monolithic pre block with structured grid layout for better readability - Add visual badges for log levels and HTTP status codes with color-coded severity - Add IconRefreshCw icon component - Update ToggleSwitch to accept ReactNode as label - Fix fetchConfig calls to use default parameters consistently - Add request deduplication in useConfigStore to prevent duplicate /config API calls - Add i18n keys for load_more_hint and hidden_lines
25 lines
687 B
TypeScript
25 lines
687 B
TypeScript
import type { ChangeEvent, ReactNode } from 'react';
|
|
|
|
interface ToggleSwitchProps {
|
|
checked: boolean;
|
|
onChange: (value: boolean) => void;
|
|
label?: ReactNode;
|
|
disabled?: boolean;
|
|
}
|
|
|
|
export function ToggleSwitch({ checked, onChange, label, disabled = false }: ToggleSwitchProps) {
|
|
const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
|
|
onChange(event.target.checked);
|
|
};
|
|
|
|
return (
|
|
<label className="switch">
|
|
<input type="checkbox" checked={checked} onChange={handleChange} disabled={disabled} />
|
|
<span className="track">
|
|
<span className="thumb" />
|
|
</span>
|
|
{label && <span className="label">{label}</span>}
|
|
</label>
|
|
);
|
|
}
|