| @@ -34,8 +34,9 @@ | ||
| 34 | 34 | import Payments from "./account/Payments"; |
| 35 | 35 | import Documents from "./account/Documents"; |
| 36 | 36 | import Profile from "./account/Profile"; |
| 37 | 37 | import SavedTrips from "./account/SavedTrips"; |
| 38 | +import { useToast } from "../components/ui/toast"; | |
| 38 | 39 | |
| 39 | 40 | const navigation: Array<{ |
| 40 | 41 | id: Section; |
| 41 | 42 | label: string; |
| @@ -50,8 +51,9 @@ | ||
| 50 | 51 | ]; |
| 51 | 52 | |
| 52 | 53 | const AccountPage: React.FC = () => { |
| 53 | 54 | const accountShell = useMemo(() => getYatraAccountPageGlobals(), []); |
| 55 | + const { showToast } = useToast(); | |
| 54 | 56 | |
| 55 | 57 | const accountNavigation = React.useMemo(() => { |
| 56 | 58 | const wl = |
| 57 | 59 | typeof window !== "undefined" && |
| @@ -155,8 +157,42 @@ | ||
| 155 | 157 | React.useEffect(() => { |
| 156 | 158 | const newSection = getSectionFromUrl(); |
| 157 | 159 | setSection(newSection); |
| 158 | 160 | }, [urlKey]); |
| 161 | + | |
| 162 | + // Surface the result of an email-change confirmation. The confirmation link | |
| 163 | + // (from WordPress-style verification email) redirects here with | |
| 164 | + // ?email_change=success|error; show feedback, open the Profile tab, then | |
| 165 | + // strip the param so a refresh doesn't repeat the toast. | |
| 166 | + React.useEffect(() => { | |
| 167 | + if (typeof window === "undefined") { | |
| 168 | + return; | |
| 169 | + } | |
| 170 | + const params = new URLSearchParams(window.location.search); | |
| 171 | + const outcome = params.get("email_change"); | |
| 172 | + if (outcome !== "success" && outcome !== "error") { | |
| 173 | + return; | |
| 174 | + } | |
| 175 | + if (outcome === "success") { | |
| 176 | + showToast(__("Your email address has been updated.", "yatra"), "success"); | |
| 177 | + setSection("profile"); | |
| 178 | + } else { | |
| 179 | + showToast( | |
| 180 | + __( | |
| 181 | + "This email confirmation link is invalid or has expired.", | |
| 182 | + "yatra", | |
| 183 | + ), | |
| 184 | + "error", | |
| 185 | + ); | |
| 186 | + } | |
| 187 | + params.delete("email_change"); | |
| 188 | + const query = params.toString(); | |
| 189 | + const cleanUrl = `${window.location.pathname}${query ? `?${query}` : ""}`; | |
| 190 | + window.history.replaceState({}, "", cleanUrl); | |
| 191 | + (window as any).__lastAccountSearch = window.location.search; | |
| 192 | + // Run once on mount. | |
| 193 | + // eslint-disable-next-line react-hooks/exhaustive-deps | |
| 194 | + }, []); | |
| 159 | 195 | |
| 160 | 196 | // Update URL and localStorage when section changes |
| 161 | 197 | const handleSectionChange = (newSection: Section) => { |
| 162 | 198 | setSection(newSection); |
