david_bai
59 lines
1.9 KiB
TypeScript
59 lines
1.9 KiB
TypeScript
import { useState, useEffect } from "react";
|
|
import { getDictionary } from "@/lib/dictionary";
|
|
import { useLocale } from "@/hooks/useLocale";
|
|
import { trackReferrer } from "@/lib/tracking";
|
|
import type { Messages } from "@/types/messages";
|
|
|
|
interface UsePageSetupProps {
|
|
setRetrieveRoomId: (roomId: string) => void;
|
|
setActiveTab: (tab: "send" | "retrieve") => void;
|
|
retrieveJoinRoomBtnRef: React.RefObject<HTMLButtonElement>;
|
|
}
|
|
|
|
export function usePageSetup({
|
|
setRetrieveRoomId,
|
|
setActiveTab,
|
|
retrieveJoinRoomBtnRef,
|
|
}: UsePageSetupProps) {
|
|
const locale = useLocale();
|
|
const [messages, setMessages] = useState<Messages | null>(null);
|
|
const [isLoadingMessages, setIsLoadingMessages] = useState(true);
|
|
|
|
// Load internationalization messages
|
|
useEffect(() => {
|
|
setIsLoadingMessages(true);
|
|
getDictionary(locale)
|
|
.then((dict) => {
|
|
setMessages(dict);
|
|
})
|
|
.catch((error) => {
|
|
console.error("Failed to load messages:", error);
|
|
// Optionally set some default/fallback messages or an error state
|
|
setMessages(null); // Or some error indicator
|
|
})
|
|
.finally(() => {
|
|
setIsLoadingMessages(false);
|
|
});
|
|
}, [locale]);
|
|
|
|
// Track referrer and handle URL 'roomId' parameter
|
|
useEffect(() => {
|
|
trackReferrer(); // Call on component mount
|
|
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
const roomIdParam = urlParams.get("roomId");
|
|
|
|
if (roomIdParam) {
|
|
setRetrieveRoomId(roomIdParam);
|
|
setActiveTab("retrieve");
|
|
// Ensure DOM is updated and ref is available before clicking
|
|
const timeoutId = setTimeout(() => {
|
|
retrieveJoinRoomBtnRef.current?.click();
|
|
}, 200);
|
|
return () => clearTimeout(timeoutId); // Cleanup timeout
|
|
}
|
|
}, [setRetrieveRoomId, setActiveTab, retrieveJoinRoomBtnRef]); // Dependencies are stable setters and a ref
|
|
|
|
return { messages, isLoadingMessages };
|
|
}
|