blog/no-love-for-boolean-parameters about blog-comments HOT 6 CLOSED

<PostsTable
        posts={data}
        setFilters={setFilters}
        columns={columns}
        status={tableStatus}
      />

import {FancyTableHeaders} from "./headers";

interface FancyTableProps {
	status: "success" | "empty" | "error" | "loading" | "idle";
}
function FancyTable ({status}: FancyTableProps) {
	
	return (
    <table>
      <FancyTableHeaders
        variant={status === "success" ? "enabled" : "disabled"}
      />
      <tbody>
			 {/* ✅ little extra boilerplate */}
       {/* ✅ clear conditional rendering */}        
			 {
          {
            success: <PostsTableBody rows={rows} prepareRow={prepareRow} />,
            empty: <EmptyTableBody />,
            error: <ErrorTableBody />,
            loading: <LoadingTableBody />,
            idle: <IdleTableBody />
          }[status]
        }
      </tbody>
    </table>
  );
}

const variants = {
    percent: (value: number): string => `${value}%`, 
    currency: (value: number): string => `ur method - R$${value}` , 
    standard: (value: number): string => String(value) 
}

function formatMetric(
  value: number,
  variant: keyof typeof variants = 'standard'
): string {
  return variants[variant](value);
}