hide display type toggle if only one available

This commit is contained in:
jeffvli
2025-12-01 19:01:31 -08:00
parent 94ed91f95c
commit 72e7006cc3
@@ -132,30 +132,32 @@ export const ListConfigMenu = (props: ListConfigMenuProps) => {
title={t('common.configure', { postProcess: 'sentenceCase' })}
>
<Stack gap="xs">
<ListConfigTable
options={[
{
component: (
<SegmentedControl
data={availableDisplayTypes}
fullWidth
onChange={(value) => {
setList(props.listKey, {
display: value as ListDisplayType,
});
}}
size="sm"
value={displayType}
withItemsBorders={false}
/>
),
id: 'displayType',
label: t('table.config.general.displayType', {
postProcess: 'sentenceCase',
}),
},
]}
/>
{availableDisplayTypes.length > 1 && (
<ListConfigTable
options={[
{
component: (
<SegmentedControl
data={availableDisplayTypes}
fullWidth
onChange={(value) => {
setList(props.listKey, {
display: value as ListDisplayType,
});
}}
size="sm"
value={displayType}
withItemsBorders={false}
/>
),
id: 'displayType',
label: t('table.config.general.displayType', {
postProcess: 'sentenceCase',
}),
},
]}
/>
)}
<Config displayType={displayType} {...props} />
</Stack>
</Modal>