Jason Woltje
ac1f2c176f
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Fixes all 542 ESLint problems in the web package to achieve 0 errors and 0 warnings. Changes: - Fixed 144 issues: nullish coalescing, return types, unused variables - Fixed 118 issues: unnecessary conditions, type safety, template literals - Fixed 79 issues: non-null assertions, unsafe assignments, empty functions - Fixed 67 issues: explicit return types, promise handling, enum comparisons - Fixed 45 final warnings: missing return types, optional chains - Fixed 25 typecheck-related issues: async/await, type assertions, formatting - Fixed JSX.Element namespace errors across 90+ files All Quality Rails violations resolved. Lint and typecheck both pass with 0 problems. Files modified: 118 components, tests, hooks, and utilities Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
94 lines
2.2 KiB
TypeScript
94 lines
2.2 KiB
TypeScript
/**
|
|
* Widget renderer - renders the appropriate widget component based on type
|
|
*/
|
|
|
|
/* eslint-disable @typescript-eslint/no-unnecessary-condition */
|
|
|
|
import { WidgetWrapper } from "./WidgetWrapper";
|
|
import {
|
|
TasksWidget,
|
|
CalendarWidget,
|
|
QuickCaptureWidget,
|
|
AgentStatusWidget,
|
|
} from "@/components/widgets";
|
|
import type { WidgetPlacement } from "@mosaic/shared";
|
|
|
|
export interface WidgetRendererProps {
|
|
widget: WidgetPlacement;
|
|
isEditing?: boolean;
|
|
onRemove?: (widgetId: string) => void;
|
|
}
|
|
|
|
const WIDGET_COMPONENTS = {
|
|
tasks: TasksWidget,
|
|
calendar: CalendarWidget,
|
|
"quick-capture": QuickCaptureWidget,
|
|
"agent-status": AgentStatusWidget,
|
|
};
|
|
|
|
const WIDGET_CONFIG = {
|
|
tasks: {
|
|
displayName: "Tasks",
|
|
description: "View and manage your tasks",
|
|
},
|
|
calendar: {
|
|
displayName: "Calendar",
|
|
description: "Upcoming events and schedule",
|
|
},
|
|
"quick-capture": {
|
|
displayName: "Quick Capture",
|
|
description: "Capture ideas and notes",
|
|
},
|
|
"agent-status": {
|
|
displayName: "Agent Status",
|
|
description: "View running agent sessions",
|
|
},
|
|
};
|
|
|
|
export function WidgetRenderer({
|
|
widget,
|
|
isEditing = false,
|
|
onRemove,
|
|
}: WidgetRendererProps): React.JSX.Element {
|
|
// Extract widget type from ID (e.g., "tasks-123" -> "tasks")
|
|
const widgetType = widget.i.split("-")[0] as keyof typeof WIDGET_COMPONENTS;
|
|
const WidgetComponent = WIDGET_COMPONENTS[widgetType];
|
|
const config = WIDGET_CONFIG[widgetType] || { displayName: "Widget", description: "" };
|
|
|
|
if (!WidgetComponent) {
|
|
const wrapperProps = {
|
|
id: widget.i,
|
|
title: "Unknown Widget",
|
|
isEditing: isEditing,
|
|
...(onRemove && {
|
|
onRemove: (): void => {
|
|
onRemove(widget.i);
|
|
},
|
|
}),
|
|
};
|
|
|
|
return (
|
|
<WidgetWrapper {...wrapperProps}>
|
|
<div className="text-gray-500 text-sm">Widget type not found: {widgetType}</div>
|
|
</WidgetWrapper>
|
|
);
|
|
}
|
|
|
|
const wrapperProps = {
|
|
id: widget.i,
|
|
title: config.displayName,
|
|
isEditing: isEditing,
|
|
...(onRemove && {
|
|
onRemove: (): void => {
|
|
onRemove(widget.i);
|
|
},
|
|
}),
|
|
};
|
|
|
|
return (
|
|
<WidgetWrapper {...wrapperProps}>
|
|
<WidgetComponent id={widget.i} />
|
|
</WidgetWrapper>
|
|
);
|
|
}
|