fix(ui): fix rollout min value, fix empty conditions text

This commit is contained in:
nick-delirium 2023-06-23 12:30:49 +02:00
parent 13e3bc4788
commit dbff25713e
2 changed files with 7 additions and 6 deletions

View file

@ -58,7 +58,7 @@ function Multivariant() {
<div style={{ flex: 4 }} className={'flex items-center'}>
<Rollout />
<div
className={"ml-auto text-blue font-normal cursor-pointer mr-10"}
className={"ml-auto text-main font-normal cursor-pointer mr-10 hover:underline"}
onClick={featureFlagsStore.currentFflag!.redistributeVariants}
>
Distribute Equally
@ -108,9 +108,10 @@ function Multivariant() {
wrapperClassName={'flex-1'}
placeholder={avg}
value={variant.rolloutPercentage}
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
variant.setRollout(parseInt(e.target.value.replace(/\D/g, ''), 10))
}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
if (e.target.value === '') variant.setRollout(0);
variant.setRollout(parseInt(e.target.value.replace(/\D/g, ''), 10));
}}
/>
<div
className={cn(

View file

@ -195,11 +195,11 @@ function NewFFlag({ siteId, fflagId }: { siteId: string; fflagId?: string }) {
)}
<NoContent
show={current.conditions.length === 0}
title={'100% of sessions will get this feature flag'}
title={'The flag will be available for 100% of the user sessions.'}
subtext={
<div className={'flex flex-col items-center'}>
<div className={'text-sm mb-1'}>
Indicate the users for whom you intend to make this flag available.
Set up condition sets to restrict the rollout.
</div>
<Button onClick={() => current!.addCondition()} variant={'text-primary'}>
+ Create Condition Set