diff --git a/frontend/src/app/(main)/dashboard/event-themes/page.tsx b/frontend/src/app/(main)/dashboard/event-themes/page.tsx
index a54b89a..4cb2706 100644
--- a/frontend/src/app/(main)/dashboard/event-themes/page.tsx
+++ b/frontend/src/app/(main)/dashboard/event-themes/page.tsx
@@ -17,6 +17,7 @@ import Link from "next/link";
import { Loader2Icon, PaletteIcon } from "lucide-react";
import { useEventThemes } from "@/context/event-theme-context";
import { getServerFileUrl } from "@/lib/utils";
+import { useEffect } from "react";
export default function EventThemesPage() {
// const { data: themes, isLoading } = useQuery({
@@ -24,8 +25,11 @@ export default function EventThemesPage() {
// queryFn: () => listEventThemes().then(res => res.data),
// });
- const { themes, isLoadingThemes } = useEventThemes();
+ const { themes, refetchThemes, isLoadingThemes } = useEventThemes();
+ useEffect(() => {
+ refetchThemes();
+ }, []);
return (
diff --git a/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx b/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx
index 1ef8541..2245b5d 100644
--- a/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx
+++ b/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx
@@ -27,11 +27,13 @@ import {
import { useEventThemes } from "@/context/event-theme-context";
import { getServerFileUrl } from "@/lib/utils";
import GuestsList from "@/components/guests/guests-list";
+import { useGuests } from "@/context/guest-context";
export default function EventDetailPage() {
const { slug } = useParams<{ slug: string }>();
const { event, fetchEventBySlug, isLoadingEvent, eventError } = useEvents();
const { themes } = useEventThemes();
+ const { refetchGuests } = useGuests();
const currentTheme =
event?.theme_id && themes
? themes.find((theme) => theme.id === event.theme_id)
@@ -44,6 +46,10 @@ export default function EventDetailPage() {
fetchEventBySlug(slug);
}, [slug, fetchEventBySlug]);
+ useEffect(() => {
+ refetchGuests();
+ }, []);
+
if (isLoadingEvent) {
return (