import React from ‘react’;
export default function TraxReportingDashboard() {
const reports = [
{ name: ‘Scorecard’, status: ‘Draft on reports.ecoclaim.ca’, priority: 1, notes: ‘Should be on reportstest.ecoclaim.ca’ },
{ name: ‘Admin Dashboard’, status: ‘Unknown’, priority: 2 },
{ name: ‘Branch Analytics Panel’, status: ‘Unknown’, priority: 3 },
{ name: ‘Group Analytics Panel’, status: ‘Unknown’, priority: 4 },
{ name: ‘Recycling Log’, status: ‘Unknown’, priority: 5 },
{ name: ‘Claims Summary’, status: ‘Unknown’, priority: 6 },
{ name: “CEO’s Report”, status: ‘Unknown’, priority: 7 },
{ name: ‘Contractor Dashboard’, status: ‘Unknown’, priority: 8 },
{ name: ‘Adjuster Dashboard’, status: ‘Unknown’, priority: 9 },
];
const infrastructure = [
{ item: ‘reports.ecoclaim.ca’, status: ‘Live’, color: ‘bg-green-500’ },
{ item: ‘reportstest.ecoclaim.ca’, status: ‘Not Set Up’, color: ‘bg-yellow-500’ },
{ item: ‘Test Mongo DB Connection’, status: ‘Pending’, color: ‘bg-gray-400’ },
{ item: ‘Test MySQL DB Connection’, status: ‘Pending’, color: ‘bg-gray-400’ },
];
const team = [‘Umar’, ‘Tom’, ‘Kris’, ‘Alex’];
const stakeholders = [‘Jodi’, ‘Dale’, ‘James’];
const blockers = [
{ issue: ‘RBB tool: negative numbers showing as positive’, owner: ‘Vince’, status: ‘In Progress’ },
];
const todos = [
{ task: ‘Alex to prioritize report list’, status: ‘Pending’ },
{ task: ‘Set up reportstest.ecoclaim.ca’, status: ‘Pending’ },
{ task: ‘QA and improve dashboard graphics’, status: ‘Pending’ },
];
const getStatusColor = (status: string) => {
if (status.includes(‘Draft’) || status.includes(‘Live’)) return ‘bg-blue-500’;
if (status === ‘Unknown’ || status === ‘Pending’) return ‘bg-gray-400’;
return ‘bg-yellow-500’;
};
return (
);
}
Trax Reporting 3.0
Last Updated: {new Date().toLocaleDateString()}
Team
{team.map((member) => (
{member}
))}
Stakeholders
{stakeholders.map((person) => (
{person}
))}
+ Clients
Current Focus
Getting Test environment built and first reports up
Report Status (Priority Order)
{reports.map((report) => (
{report.notes && (
))}
#{report.priority}
{report.status}
{report.name}
{report.notes}
)}Infrastructure
{infrastructure.map((item) => (
{item.item}
{item.status}
))}
Blockers
{blockers.length > 0 ? (
{blockers.map((blocker, idx) => (
))}
) : (
{blocker.issue}
Owner: {blocker.owner}
{blocker.status}
No blockers
)}Action Items
{todos.map((todo, idx) => (
{todo.task}
{todo.status}
))}