watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-15 10:05:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed collapse state of website select.

Browse source
This commit is contained in:
Mike Cao 2026-02-07 23:56:06 -08:00
parent 08e4da27c1
commit d26ed3b949
5 changed files with 48 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/input/WebsiteSelect.tsx
View file

@ -1,4 +1,5 @@
import { ListItem, Row, Select, type SelectProps, Text } from '@umami/react-zen';
import { Icon, ListItem, Row, Select, type SelectProps, Text } from '@umami/react-zen';
import { ChevronRight } from 'lucide-react';
import { useState } from 'react';
import { Empty } from '@/components/common/Empty';
import {
@ -45,6 +46,10 @@ export function WebsiteSelect({
onChange(id);
};
const renderValue = () => {
return isCollapsed ? '' : name;
};
return (
<Select
{...props}
@ -55,11 +60,14 @@ export function WebsiteSelect({
onSearch={handleSearch}
onChange={handleChange}
onOpenChange={handleOpenChange}
renderValue={renderValue}
listProps={{
renderEmptyState: () => <Empty message={t(messages.noResultsFound)} />,
style: { maxHeight: 'calc(42vh - 65px)', width: 280 },
}}
buttonProps={{ style: { minHeight: 40 } }}
buttonProps={{
style: { minHeight: 40, gap: 0, justifyContent: isCollapsed ? 'start' : undefined },
}}
>
{listItems.map(({ id, name }) => (
<ListItem key={id} id={id}>