Function DynamicSamplingRulesTable

static/gsAdmin/views/dynamicSamplingPanel.tsx:323–420

({
  baseSampleRate,
  searchQuery,
  rules = [],
}: DynamicSamplingRulesTableProps)

};

function DynamicSamplingRulesTable({
  baseSampleRate,
  searchQuery,
  rules = [],
}: DynamicSamplingRulesTableProps) {
  const round = (value: number) => Math.round(value * 10000) / 10000;

  const formatSamplingRateValue = (samplingValue: any) => {
    if (
      samplingValue.type === 'sampleRate' ||
      samplingValue.type === 'minimumSampleRate'
    ) {
      return `${round(samplingValue.value * 100)}%`;
    }
    return `* ${round(samplingValue.value)}`;
  };

  const evaluateRuleImpact = (rule: RuleV2) => {
    if (getRuleType(rule) === RuleType.BOOST_LOW_VOLUME_PROJECTS) {
      return 0;
    }
    if (
      rule.samplingValue.type === 'sampleRate' ||
      rule.samplingValue.type === 'minimumSampleRate'
    ) {
      return round(rule.samplingValue.value - baseSampleRate);
    }
    return round(rule.samplingValue.value - 1);
  };

  const dynamicSamplingRules = rules
    .map(rule => {
      return {
        ...rule,
        formattedRateValue: formatSamplingRateValue(rule.samplingValue),
        formattedRateType: startCase(rule.samplingValue.type),
        type: getRuleType(rule),
        target: getStringifiedCondition(rule.condition),
        impact: evaluateRuleImpact(rule),
      };
    })

    // eslint-disable-next-line @typescript-eslint/no-base-to-string
    .filter(row => Object.values(row).join().toLowerCase().includes(searchQuery));

  return (
    <Fragment>
      <DSRulesTable
        headers={['Name', 'Type', 'Value', 'Target']}
        isEmpty={!dynamicSamplingRules.length}
        emptyMessage="No dynamic sampling rules to display"
      >
        {dynamicSamplingRules.map(row => (
          <Fragment key={row.id}>
            <Stack gap="xs">
              {row.type}
              {defined(row.timeRange) && (
                <div data-test-id="timerange">