From 9bff38f921f4c7a1e3f69255b8531f64656965ca Mon Sep 17 00:00:00 2001
From: bniwredyc <bniwredyc@gmail.com>
Date: Tue, 28 Feb 2023 18:35:33 +0100
Subject: [PATCH] main page hotfix

---
 src/pages/index.page.tsx  | 11 +++++++----
 src/pages/search.page.tsx |  9 ++++++---
 src/pages/topic.page.tsx  |  9 ++++++---
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/pages/index.page.tsx b/src/pages/index.page.tsx
index 80ac0a5d..41ce1b8a 100644
--- a/src/pages/index.page.tsx
+++ b/src/pages/index.page.tsx
@@ -7,6 +7,7 @@ import { loadShouts, resetSortedArticles } from '../stores/zine/articles'
 import { loadRandomTopics } from '../stores/zine/topics'
 import { Loading } from '../components/_shared/Loading'
 import { useLocalize } from '../context/localize'
+import { ReactionsProvider } from '../context/reactions'
 
 export const HomePage = (props: PageProps) => {
   const [isLoaded, setIsLoaded] = createSignal(Boolean(props.homeShouts) && Boolean(props.randomTopics))
@@ -27,10 +28,12 @@ export const HomePage = (props: PageProps) => {
 
   return (
     <PageLayout withPadding={true}>
-      <Title>{t('Discours')}</Title>
-      <Show when={isLoaded()} fallback={<Loading />}>
-        <HomeView randomTopics={props.randomTopics} shouts={props.homeShouts || []} />
-      </Show>
+      <ReactionsProvider>
+        <Title>{t('Discours')}</Title>
+        <Show when={isLoaded()} fallback={<Loading />}>
+          <HomeView randomTopics={props.randomTopics} shouts={props.homeShouts || []} />
+        </Show>
+      </ReactionsProvider>
     </PageLayout>
   )
 }
diff --git a/src/pages/search.page.tsx b/src/pages/search.page.tsx
index 0aca647d..a416caf5 100644
--- a/src/pages/search.page.tsx
+++ b/src/pages/search.page.tsx
@@ -5,6 +5,7 @@ import { createMemo, createSignal, onCleanup, onMount, Show } from 'solid-js'
 import { useRouter } from '../stores/router'
 import { loadShouts, resetSortedArticles } from '../stores/zine/articles'
 import { Loading } from '../components/_shared/Loading'
+import { ReactionsProvider } from '../context/reactions'
 
 export const SearchPage = (props: PageProps) => {
   const [isLoaded, setIsLoaded] = createSignal(Boolean(props.searchResults))
@@ -34,9 +35,11 @@ export const SearchPage = (props: PageProps) => {
 
   return (
     <PageLayout>
-      <Show when={isLoaded()} fallback={<Loading />}>
-        <SearchView results={props.searchResults || []} query={props.searchQuery} />
-      </Show>
+      <ReactionsProvider>
+        <Show when={isLoaded()} fallback={<Loading />}>
+          <SearchView results={props.searchResults || []} query={props.searchQuery} />
+        </Show>
+      </ReactionsProvider>
     </PageLayout>
   )
 }
diff --git a/src/pages/topic.page.tsx b/src/pages/topic.page.tsx
index b591a927..e67a7c11 100644
--- a/src/pages/topic.page.tsx
+++ b/src/pages/topic.page.tsx
@@ -6,6 +6,7 @@ import { loadShouts, resetSortedArticles } from '../stores/zine/articles'
 import { useRouter } from '../stores/router'
 import { loadTopic } from '../stores/zine/topics'
 import { Loading } from '../components/_shared/Loading'
+import { ReactionsProvider } from '../context/reactions'
 
 export const TopicPage = (props: PageProps) => {
   const [isLoaded, setIsLoaded] = createSignal(Boolean(props.topicShouts) && Boolean(props.topic))
@@ -37,9 +38,11 @@ export const TopicPage = (props: PageProps) => {
 
   return (
     <PageLayout>
-      <Show when={isLoaded()} fallback={<Loading />}>
-        <TopicView topic={props.topic} shouts={props.topicShouts} topicSlug={slug()} />
-      </Show>
+      <ReactionsProvider>
+        <Show when={isLoaded()} fallback={<Loading />}>
+          <TopicView topic={props.topic} shouts={props.topicShouts} topicSlug={slug()} />
+        </Show>
+      </ReactionsProvider>
     </PageLayout>
   )
 }