put zones inside of scrollable container

This commit is contained in:
Josh Hawkins 2024-06-11 10:01:15 -05:00
parent ebfc778cf3
commit 51d38e3efd

View File

@ -726,7 +726,7 @@ export function GeneralFilterContent({
/> />
))} ))}
</div> </div>
</div>
{allZones && setCurrentZones && ( {allZones && setCurrentZones && (
<> <>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
@ -755,12 +755,16 @@ export function GeneralFilterContent({
isChecked={currentZones?.includes(item) ?? false} isChecked={currentZones?.includes(item) ?? false}
onCheckedChange={(isChecked) => { onCheckedChange={(isChecked) => {
if (isChecked) { if (isChecked) {
const updatedZones = currentZones ? [...currentZones] : []; const updatedZones = currentZones
? [...currentZones]
: [];
updatedZones.push(item); updatedZones.push(item);
setCurrentZones(updatedZones); setCurrentZones(updatedZones);
} else { } else {
const updatedZones = currentZones ? [...currentZones] : []; const updatedZones = currentZones
? [...currentZones]
: [];
// can not deselect the last item // can not deselect the last item
if (updatedZones.length > 1) { if (updatedZones.length > 1) {
@ -774,6 +778,7 @@ export function GeneralFilterContent({
</div> </div>
</> </>
)} )}
</div>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<div className="flex items-center justify-evenly p-2"> <div className="flex items-center justify-evenly p-2">
<Button <Button