watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-09 23:27:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Fixed empty website select. Converted session profile to popover.

Browse source
This commit is contained in:
Mike Cao 2025-10-05 14:11:25 -07:00
parent d23ad5f272
commit 3496952769
16 changed files with 146 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,6 @@
import { useState } from 'react';
import { Select, SelectProps, ListItem } from '@umami/react-zen';
import { useUserWebsitesQuery, useMessages, useLoginQuery } from '@/components/hooks';
import { Select, SelectProps, ListItem, Text, Row } from '@umami/react-zen';
import { useUserWebsitesQuery, useMessages, useLoginQuery, useWebsite } from '@/components/hooks';
import { Empty } from '@/components/common/Empty';
export function WebsiteSelect({
@ -14,12 +14,13 @@ export function WebsiteSelect({
teamId?: string;
includeTeams?: boolean;
} & SelectProps) {
const website = useWebsite();
const { formatMessage, messages } = useMessages();
const [search, setSearch] = useState('');
const { user } = useLoginQuery();
const { data, isLoading } = useUserWebsitesQuery(
{ userId: user?.id, teamId },
{ search, pageSize: 5, includeTeams },
{ search, pageSize: 10, includeTeams },
);
const handleSearch = (value: string) => {
@ -30,6 +31,14 @@ export function WebsiteSelect({
setSearch('');
};
const renderValue = () => {
return (
<Row maxWidth="160px">
<Text truncate>{website.name}</Text>
</Row>
);
};
return (
<Select
{...props}
@ -41,8 +50,10 @@ export function WebsiteSelect({
onSearch={handleSearch}
onChange={onChange}
onOpenChange={handleOpenChange}
renderValue={renderValue}
listProps={{
renderEmptyState: () => <Empty message={formatMessage(messages.noResultsFound)} />,
style: { maxHeight: '400px' },
}}
>
{({ id, name }: any) => <ListItem key={id}>{name}</ListItem>}