Oliver/modcomms
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace low-quality icons on Analytics page with Heroicons

Browse source 
- TrendingUpIcon: Changed to chart-bar icon for Pass Rate
- BugIcon: Changed to x-circle icon for Failed Reviews
- LightbulbIcon: Changed to proper light-bulb icon for Key Insight

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
michael 2026-01-27 15:30:18 -06:00
parent b83a2a219f
commit 35918dd310
3 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/components/icons/BugIcon.tsx
View file

@ -1,8 +1,9 @@
import React from 'react';
// X-circle icon - Heroicons "x-circle" (outline) - represents failures/rejections
export const BugIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
<path strokeLinecap="round" strokeLinejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 018.638 5.214m-6.724 0a3.375 3.375 0 01-1.464 3.362M15.362 5.214A3.375 3.375 0 0112 3.75a3.375 3.375 0 01-3.362 1.464m-3.376 0a3.375 3.375 0 013.376 0m6.724 0a3.375 3.375 0 011.464 3.362M12 21a3.375 3.375 0 01-3.362-1.464M3 12a3.375 3.375 0 011.464-3.362m14.144 0A3.375 3.375 0 0121 12a3.375 3.375 0 01-1.464 3.362M12 3.75a2.625 2.625 0 00-2.625 2.625v.375m0 0a2.625 2.625 0 015.25 0v-.375a2.625 2.625 0 00-2.625-2.625M12 21v-1.5" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
<path strokeLinecap="round" strokeLinejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
);

3
frontend/components/icons/LightbulbIcon.tsx
View file

@ -1,8 +1,9 @@
import React from 'react';
// Light bulb icon - Heroicons "light-bulb" (outline) - represents insights/ideas
export const LightbulbIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
<path strokeLinecap="round" strokeLinejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.311V21m-3.75-2.311V21m-3.75-2.101a7.5 7.5 0 01-4.471-1.382m5.942 0a7.5 7.5 0 00-5.942 0M15 21a9 9 0 00-6 0m3-10.5V4.5A2.25 2.25 0 0112 2.25v0A2.25 2.25 0 0114.25 4.5v3.75m-2.25 0V6.75" />
<path strokeLinecap="round" strokeLinejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />
</svg>
);

3
frontend/components/icons/TrendingUpIcon.tsx
View file

@ -1,8 +1,9 @@
import React from 'react';
// Chart bar icon - Heroicons "chart-bar" (outline) - represents analytics/rates
export const TrendingUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
<path strokeLinecap="round" strokeLinejoin="round" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-3.75-2.25M21 3.75v4.5M21 3.75H16.5" />
<path strokeLinecap="round" strokeLinejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" />
</svg>
);