fixed examples

duckduckgo · Oct 11, 2024 · 847dcaa · 847dcaa
1 parent d261878
commit 847dcaa
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/packages/special-pages/pages/new-tab/app/components/Examples.jsx b/packages/special-pages/pages/new-tab/app/components/Examples.jsx
@@ -2,6 +2,9 @@ import { h } from "preact";
 import { PrivacyStatsMockProvider } from "../privacy-stats/mocks/PrivacyStatsMockProvider.js";
 import { Body, Heading, PrivacyStatsConsumer } from "../privacy-stats/PrivacyStats.js";
 import { stats } from "../privacy-stats/mocks/stats.js";
+import { MockFavoritesProvider } from "../favorites/mocks/MockFavoritesProvider.js";
+import { favorites } from "../favorites/mocks/favorites.data.js";
+import { FavoritesConsumer } from "../favorites/Favorites.js";
 
 /** @type {Record<string, {factory: () => import("preact").ComponentChild}>} */
 export const mainExamples = {
@@ -31,6 +34,49 @@ export const mainExamples = {
     'stats.heading.none': {
         factory: () => <Heading trackerCompanies={stats.none.trackerCompanies} totalCount={stats.none.totalCount}/>
     },
+    'favorites.many': {
+        factory: () => (
+            <MockFavoritesProvider data={favorites.many}><FavoritesConsumer /></MockFavoritesProvider>
+        )
+    },
+    'favorites.few.7': {
+        factory: () => (
+            <MockFavoritesProvider data={{favorites: favorites.many.favorites.slice(0, 7)}}><FavoritesConsumer /></MockFavoritesProvider>
+        )
+    },
+    'favorites.few.6': {
+        factory: () => (
+            <MockFavoritesProvider data={{favorites: favorites.many.favorites.slice(0, 6)}}><FavoritesConsumer /></MockFavoritesProvider>
+        )
+    },
+    'favorites.few.5': {
+        factory: () => (
+            <MockFavoritesProvider data={{favorites: favorites.many.favorites.slice(0, 5)}}><FavoritesConsumer /></MockFavoritesProvider>
+        )
+    },
+    'favorites.multi': {
+        factory: () => (
+            <div>
+                <MockFavoritesProvider data={favorites.many}><FavoritesConsumer /></MockFavoritesProvider>
+                <br/>
+                <MockFavoritesProvider data={favorites.two}><FavoritesConsumer /></MockFavoritesProvider>
+                <br/>
+                <MockFavoritesProvider data={favorites.single}><FavoritesConsumer /></MockFavoritesProvider>
+                <br/>
+                <MockFavoritesProvider data={favorites.none}><FavoritesConsumer /></MockFavoritesProvider>
+            </div>
+        )
+    },
+    'favorites.single': {
+        factory: () => (
+            <MockFavoritesProvider data={favorites.single}><FavoritesConsumer /></MockFavoritesProvider>
+        )
+    },
+    'favorites.none': {
+        factory: () => (
+            <MockFavoritesProvider data={favorites.none}><FavoritesConsumer /></MockFavoritesProvider>
+        )
+    }
 }
 
 export const otherExamples = {