peter
c3d88d9b20
The 43 react-refresh/only-export-components warnings the gate let through meant an edit to a provider (or AnchoredPopover, Toaster, plexDetailUi, …) could not be hot-swapped: Fast Refresh reloads a module that also exports hooks or helpers. - Each provider's contexts, the types its hooks return and the hooks themselves live in a sibling context module (navigationContext.ts, channelsContext.ts, …); the provider file keeps the component. loadAccountFilters moved next to the feed filters' defaults (feedFiltersInit.ts), following navigationInit/playlistsInit. - Helpers that sat in component files have their own modules: welcomeMode, downloadTitle, plexPlayable, channelSync, ui/anchoredPopoverHooks, ui/pageToolbarSlot, ui/pagerContent, ui/toastLevels, ui/overlayOrder, ui/tableAlign, lib/plexDetail; the cells of the channel columns and the registry's page wrappers are components files of their own (channelCells, modulePages). - usePersistedTab, an alias of useAccountPersistedState, is gone; its callers use the original. npm run lint is now eslint --max-warnings 0, so a warning fails the gate like an error does.
13 lines
766 B
TypeScript
13 lines
766 B
TypeScript
import { AlertCircle, AlertTriangle, CheckCircle2, Info, XCircle } from "lucide-react";
|
|
import type { NotifLevel } from "../../lib/notifications";
|
|
|
|
// Each notification level's icon and colours, shared by the toasts and the notifications inbox. Its own
|
|
// module so Toaster exports only components (Fast Refresh).
|
|
export const LEVEL_STYLE: Record<NotifLevel, { icon: typeof Info; color: string; bar: string }> = {
|
|
info: { icon: Info, color: "text-info", bar: "bg-info" },
|
|
success: { icon: CheckCircle2, color: "text-success", bar: "bg-success" },
|
|
warning: { icon: AlertTriangle, color: "text-warn", bar: "bg-warn" },
|
|
error: { icon: AlertCircle, color: "text-danger", bar: "bg-danger" },
|
|
fatal: { icon: XCircle, color: "text-danger", bar: "bg-danger" },
|
|
};
|