fix(frontend): resolve hydration mismatch and unauthorized api calls

This commit is contained in:
Tiago Yamamoto 2026-02-23 09:45:26 -06:00
parent 364826c5c8
commit c5f6b1317e
2 changed files with 28 additions and 3 deletions

View file

@ -24,6 +24,7 @@ import { useState, useEffect } from "react";
import { useNotify } from "@/contexts/notification-context";
import { useTranslation } from "@/lib/i18n";
import { jobsApi } from "@/lib/api";
import { useAuth } from "@/contexts/AuthContext";
interface JobCardProps {
job: Job;
@ -33,12 +34,17 @@ interface JobCardProps {
export function JobCard({ job, isApplied, applicationStatus }: JobCardProps) {
const { t } = useTranslation();
const { user } = useAuth();
const [isFavorited, setIsFavorited] = useState(false);
const [isLoading, setIsLoading] = useState(true);
const notify = useNotify();
useEffect(() => {
const checkFavorite = async () => {
if (!user) {
setIsLoading(false);
return;
}
try {
const res = await jobsApi.checkFavorite(job.id);
setIsFavorited(res.isFavorite);
@ -49,11 +55,15 @@ export function JobCard({ job, isApplied, applicationStatus }: JobCardProps) {
}
};
checkFavorite();
}, [job.id]);
}, [job.id, user]);
const handleFavorite = async () => {
if (isLoading) return;
if (!user) {
notify.error("Erro", "Faça login para salvar vagas.");
return;
}
try {
if (isFavorited) {
await jobsApi.removeFavorite(job.id);

View file

@ -63,7 +63,22 @@ function resolveKey(dict: Record<string, unknown>, key: string): string | undefi
}
export function I18nProvider({ children }: { children: ReactNode }) {
const [locale, setLocaleState] = useState<Locale>(getInitialLocale);
const [locale, setLocaleState] = useState<Locale>('pt-BR');
useEffect(() => {
let initialLocale: Locale = 'pt-BR';
try {
const storedLocale = localStorage.getItem(localeStorageKey);
if (storedLocale && VALID_LOCALES.includes(storedLocale as Locale)) {
initialLocale = storedLocale as Locale;
} else if (navigator.language) {
initialLocale = normalizeLocale(navigator.language);
}
} catch {
// localStorage might be blocked
}
setLocaleState(initialLocale);
}, []);
const setLocale = (newLocale: Locale) => {
setLocaleState(newLocale);