Function DynamicSamplingPanelBody

static/gsAdmin/views/dynamicSamplingPanel.tsx:282–315

({config: dsnConfig}: {config: DSNConfig | null})

}

function DynamicSamplingPanelBody({config: dsnConfig}: {config: DSNConfig | null}) {
  const [searchQuery, setSearchQuery] = useState('');

  const rules = dsnConfig?.config?.sampling?.rules ?? [];

  const baseSampleRate =
    rules.find(rule => getRuleType(rule) === RuleType.BOOST_LOW_VOLUME_PROJECTS)
      ?.samplingValue.value || 0;

  return (
    <PanelBody>
      <Flex align="start" padding="md">
        {baseSampleRate > 0 && (
          <BaseSampleRateWrapper variant="info">
            Base sample rate: {Math.round(baseSampleRate * 100 * 10000) / 10000}%
          </BaseSampleRateWrapper>
        )}
        <SearchInput
          type="text"
          placeholder="Search rules"
          name="query"
          autoComplete="off"
          value={searchQuery}
          onChange={event => setSearchQuery(event.target.value?.toLowerCase())}
        />
      </Flex>
      <DynamicSamplingRulesTable
        baseSampleRate={baseSampleRate}
        rules={rules}
        searchQuery={searchQuery}
      />
    </PanelBody>
  );
}

type DynamicSamplingRulesTableProps = {
  baseSampleRate: number;