TableDataRow() — supabase Function Reference

Source Code

apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog.tsx lines 71–125

const TableDataRow = ({
  attribute,
  defaultValue,
  newValue,
  unit,
  beforePrice,
  afterPrice,
  hidePrice = false,
  priceTooltip,
  upgradeIncluded = false,
}: TableDataRowProps) => (
  <TableRow>
    <TableCell className="pl-5">
      <div className="flex flex-row gap-2 items-center">
        <span>{attribute}</span>
      </div>
    </TableCell>
    <TableCell className="text-right font-mono">
      {defaultValue !== newValue ? (
        <Badge variant="default" className="bg-alternative bg-opacity-100">
          <div className="flex items-center gap-1">
            <span className="text-xs font-mono text-foreground-muted">
              {defaultValue.toString()}
            </span>
            <ChevronRight size={12} strokeWidth={2} className="text-foreground-muted" />
            <span className="text-xs font-mono text-foreground">{newValue.toString()}</span>
          </div>
        </Badge>
      ) : (
        <span className="text-xs font-mono">
          <span className="text-foreground-muted"></span>
          {defaultValue}
        </span>
      )}
    </TableCell>
    <TableCell className="text-xs font-mono">{unit}</TableCell>
    <TableCell className="text-right pr-5">
      {!upgradeIncluded && hidePrice ? (
        <span className="text-xs font-mono">-</span>
      ) : beforePrice !== afterPrice || upgradeIncluded ? (
        <BillingChangeBadge
          show={true}
          beforePrice={beforePrice}
          afterPrice={afterPrice}
          tooltip={priceTooltip}
          free={upgradeIncluded}
        />
      ) : (
        <span className="text-xs font-mono" translate="no">
          {formatCurrency(beforePrice)}
        </span>
      )}
    </TableCell>
  </TableRow>
)