diff --git a/entrypoints/sidepanel/routes/Home.tsx b/entrypoints/sidepanel/routes/Home.tsx index e6fb20e..cab2d01 100644 --- a/entrypoints/sidepanel/routes/Home.tsx +++ b/entrypoints/sidepanel/routes/Home.tsx @@ -1,5 +1,5 @@ import { FetcherWithComponents, Link, useFetcher, useRouteLoaderData } from "react-router-dom"; -import { Box, Button, Group, Stack, Menu, ActionIcon } from "@mantine/core"; +import { Box, Button, Group, Stack, Menu, ActionIcon, Text } from "@mantine/core"; import { IconPlus, IconSettings } from "@tabler/icons-react"; import { useEffect } from "react"; import TagFilters from "../components/TagFilters"; @@ -57,13 +57,21 @@ export default function Home() { - {accounts.map(account => ( - - - - - - ))} + {accounts.length === 0 ? ( + + {searchQuery || filtersEnabled + ? 'No accounts match your search or filter criteria' + : 'No accounts yet. Click "Add Account" to get started.'} + + ) : ( + accounts.map(account => ( + + + + + + )) + )} )