bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Streamfield: don't render values container unless it has values

Browse source
This commit is contained in:
Alex Gleason 2022-05-05 15:59:36 -05:00
parent 9abe924e92
commit b401af2950
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 18 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
app/soapbox/components/ui/streamfield/streamfield.tsx
View file

@ -65,22 +65,24 @@ const Streamfield: React.FC<IStreamfield> = ({
{hint && <Text size='xs' theme='muted'>{hint}</Text>} {hint && <Text size='xs' theme='muted'>{hint}</Text>}
</Stack> </Stack>
<Stack> {(values.length > 0) && (
{values.map((value, i) => ( <Stack>
<HStack space={2} alignItems='center'> {values.map((value, i) => (
<Component key={i} onChange={handleChange(i)} value={value} /> <HStack space={2} alignItems='center'>
{onRemoveItem && ( <Component key={i} onChange={handleChange(i)} value={value} />
<IconButton {onRemoveItem && (
iconClassName='w-4 h-4' <IconButton
className='bg-transparent text-gray-400 hover:text-gray-600' iconClassName='w-4 h-4'
src={require('@tabler/icons/icons/x.svg')} className='bg-transparent text-gray-400 hover:text-gray-600'
onClick={() => onRemoveItem(i)} src={require('@tabler/icons/icons/x.svg')}
title={intl.formatMessage(messages.remove)} onClick={() => onRemoveItem(i)}
/> title={intl.formatMessage(messages.remove)}
)} />
</HStack> )}
))} </HStack>
</Stack> ))}
</Stack>
)}
{onAddItem && ( {onAddItem && (
<Button <Button