feat: add custom EmptyViews

rosvik · May 11, 2024 · 3156b6e · 3156b6e
1 parent aa82fca
commit 3156b6e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/Search/SearchPage.tsx b/src/Search/SearchPage.tsx
@@ -32,6 +32,9 @@ export default function SearchPage() {
       onSearchTextChange={setQuery}
       isLoading={isLoading}
     >
+      {!favorites.length && !venueResults.length && (
+        <List.EmptyView description="Start typing to search for a stop place. If you add any stops as favorites, they will show up here." />
+      )}
       <List.Section title="Favorites">
         {favorites
           .filter((v) => v.properties.name.toUpperCase().indexOf(query?.toUpperCase() ?? "") >= 0)

diff --git a/src/StopPlace/StopPlacePage.tsx b/src/StopPlace/StopPlacePage.tsx
@@ -90,6 +90,9 @@ export default function StopPlacePage({ venue }: { venue: Feature }) {
       filtering={{ keepSectionOrder: true }}
       isShowingDetail={showDetails}
     >
+      {!favoriteDepartures?.length && !departuresWithSortedQuays?.length && (
+        <List.EmptyView description="Looks like there are no departures from this stop in the near future" />
+      )}
       {favoriteDepartures && favoriteDepartures.length > 0 && (
         <List.Section title="Favorites">
           {favoriteDepartures