Crowmate/Wyview
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: change the DA to something more readable

Browse Source
This commit is contained in:
Pierre Ryssen
2026-03-11 12:26:45 +01:00
parent cd15c81b53
commit 9642f2511a
22 changed files with 136 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/LogFeed.tsx
View File

@@ -7,12 +7,12 @@ export type LogEntry = {
};
const typeStyles = {
info: { border: "border-l-[#4aff8c]/60", icon: "✅" },
info: { border: "border-l-acid-green/60", icon: "✅" },
warn: { border: "border-l-yellow-400/60", icon: "⚠️" },
ban: { border: "border-l-red-500/60", icon: "🔨" },
unban: { border: "border-l-blue-400/60", icon: "🔓" },
twitch: { border: "border-l-purple-400/60", icon: "📡" },
sub: { border: "border-l-[#4aff8c]/60", icon: "🎖️" },
sub: { border: "border-l-acid-green/60", icon: "🎖️" },
};
const MOCK_LOGS: LogEntry[] = [
@@ -32,17 +32,17 @@ export default function LogFeed({ logs = MOCK_LOGS }: { logs?: LogEntry[] }) {
return (
<div
key={log.id}
className={`flex items-start gap-3 px-3 py-2.5 bg-white/[0.02] border border-[#1a2a1a] border-l-2 ${style.border} rounded-sm text-sm`}
className={`flex items-start gap-3 px-3 py-2.5 bg-wy-surface border border-wy-border border-l-2 ${style.border} rounded-md text-sm`}
style={{ animation: `fadeIn 0.3s ${i * 0.05}s both` }}
>
<span className="text-base flex-shrink-0 mt-0.5">{style.icon}</span>
<div className="flex-1 min-w-0">
<div className="text-[#b0c4b0] leading-snug">{log.text}</div>
<div className="text-wy-text-primary leading-snug">{log.text}</div>
{log.reason && (
<div className="text-[11px] text-[#3a5a3a] font-mono mt-0.5 italic">{log.reason}</div>
<div className="text-xs text-wy-text-secondary font-mono mt-0.5 italic">{log.reason}</div>
)}
</div>
<div className="text-[10px] font-mono text-[#2a4a2a] whitespace-nowrap mt-0.5">{log.time}</div>
<div className="text-xs font-mono text-wy-text-secondary whitespace-nowrap mt-0.5">{log.time}</div>
</div>
);
})}