diff --git a/apps/client/src/features/group/components/multi-user-select.tsx b/apps/client/src/features/group/components/multi-user-select.tsx index 864536f8..97f75322 100644 --- a/apps/client/src/features/group/components/multi-user-select.tsx +++ b/apps/client/src/features/group/components/multi-user-select.tsx @@ -64,9 +64,10 @@ export function MultiUserSelect({ onChange }: MultiUserSelectProps) { searchable searchValue={searchValue} onSearchChange={setSearchValue} + clearable variant="filled" onChange={onChange} - nothingFoundMessage="Nothing found..." + nothingFoundMessage="No user found" maxValues={50} /> ); diff --git a/apps/client/src/features/home/components/home-tabs.tsx b/apps/client/src/features/home/components/home-tabs.tsx index f0dd663d..90ff2d51 100644 --- a/apps/client/src/features/home/components/home-tabs.tsx +++ b/apps/client/src/features/home/components/home-tabs.tsx @@ -1,34 +1,32 @@ -import { Text, Tabs, Space } from '@mantine/core'; -import { - IconClockHour3, IconStar, -} from '@tabler/icons-react'; -import RecentChanges from '@/features/home/components/recent-changes'; +import { Text, Tabs, Space } from "@mantine/core"; +import { IconClockHour3, IconStar } from "@tabler/icons-react"; +import RecentChanges from "@/features/home/components/recent-changes"; export default function HomeTabs() { - return ( }> - Recent changes + + Recent changes + }> - Favorites + + Favorites + - +
Recent
{/* */} -
- - My favorite pages - + My favorite pages
); } diff --git a/apps/client/src/features/page-history/components/history-item.tsx b/apps/client/src/features/page-history/components/history-item.tsx index b582bb6b..39b09ba7 100644 --- a/apps/client/src/features/page-history/components/history-item.tsx +++ b/apps/client/src/features/page-history/components/history-item.tsx @@ -1,31 +1,34 @@ -import { Text, Group, UnstyledButton } from '@mantine/core'; -import { UserAvatar } from '@/components/ui/user-avatar'; -import { formatDate } from '@/lib/time'; -import classes from './history.module.css'; -import clsx from 'clsx'; +import { Text, Group, UnstyledButton } from "@mantine/core"; +import { UserAvatar } from "@/components/ui/user-avatar"; +import { formatDate } from "@/lib/time"; +import classes from "./history.module.css"; +import clsx from "clsx"; interface HistoryItemProps { - historyItem: any, + historyItem: any; onSelect: (id: string) => void; isActive: boolean; } function HistoryItem({ historyItem, onSelect, isActive }: HistoryItemProps) { - return ( - onSelect(historyItem.id)} - className={clsx(classes.history, { [classes.active]: isActive })} + onSelect(historyItem.id)} + className={clsx(classes.history, { [classes.active]: isActive })} >
- - {formatDate(new Date(historyItem.createdAt))} - + {formatDate(new Date(historyItem.createdAt))}
- + {historyItem.lastUpdatedBy.name}