Function getStatusIcon

Source

export function getStatusIcon(status: string): React.ReactElement {
  switch (status) {
    case "reading":
      return (
        <div className="rounded-full bg-green-100 p-2 dark:bg-green-800/30">
          <Clock className="h-4 w-4 text-green-600 dark:text-green-400" />
        </div>
      );
    case "completed":
      return (
        <div className="rounded-full bg-purple-100 p-2 dark:bg-purple-800/30">
          <CheckCircle2 className="h-4 w-4 text-purple-600 dark:text-purple-400" />
        </div>
      );
    case "dropped":
      return (
        <div className="rounded-full bg-red-100 p-2 dark:bg-red-800/30">
          <X className="h-4 w-4 text-red-600 dark:text-red-400" />
        </div>
      );
    case "plan_to_read":
      return (
        <div className="rounded-full bg-blue-100 p-2 dark:bg-blue-800/30">
          <ChevronRight className="h-4 w-4 text-blue-600 dark:text-blue-400" />
        </div>
      );
    case "on_hold":
      return (
        <div className="rounded-full bg-amber-100 p-2 dark:bg-amber-800/30">
          <AlertTriangle className="h-4 w-4 text-amber-600 dark:text-amber-400" />
        </div>
      );
    default:
      return (
        <div className="rounded-full bg-gray-100 p-2 dark:bg-gray-800">
          <Info className="h-4 w-4 text-gray-600 dark:text-gray-400" />
        </div>
      );
  }
}
Copy