rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(frontend): added little badge on top right to show current status

Browse source 
This badge will either send you to the login page, or to the profile
page
This commit is contained in:
Maieul BOYER 2025-12-22 11:33:17 +01:00
parent 930ff9d1b3
commit 769edcd1ad
No known key found for this signature in database
2 changed files with 49 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

43
frontend/src/auth.ts
View file

@ -1,9 +1,12 @@
import { showError } from "@app/toast";
import client from '@app/api';
import cookie from 'js-cookie';
import client from "@app/api";
import cookie from "js-cookie";
import { ensureWindowState } from "@app/utils";
import { navigateTo } from "./routing";
cookie.remove('pkce');
cookie.remove("pkce");
const headerProfile =
document.querySelector<HTMLDivElement>("#header-profile")!;
ensureWindowState();
window.__state.user ??= null;
@ -16,14 +19,15 @@ export type User = {
loginName?: string;
providerId?: string;
providerUser?: string;
}
};
};
declare module 'ft_state' {
declare module "ft_state" {
interface State {
user: User | null,
user: User | null;
_headerProfile: boolean;
}
};
}
export function getUser(): Readonly<User> | null {
return window.__state.user;
@ -35,11 +39,20 @@ export function isLogged(): boolean {
export function setUser(newUser: User | null) {
window.__state.user = newUser;
updateHeaderProfile();
}
export function updateHeaderProfile() {
if (window.__state.user !== null) {
headerProfile.innerText = window.__state.user.name;
} else {
headerProfile.innerText = "Login";
}
}
export async function updateUser(): Promise<Readonly<User> | null> {
try {
let res = await client.getUser({ user: 'me' });
let res = await client.getUser({ user: "me" });
if (res.kind === "success") {
setUser(res.payload);
@ -63,5 +76,17 @@ export async function updateUser(): Promise<Readonly<User> | null> {
}
}
Object.assign(window as any, { getUser, setUser, updateUser, isLogged });
window.__state._headerProfile ??= false;
if (!window.__state._headerProfile) {
headerProfile.addEventListener("click", () => {
if (window.__state.user === null) {
navigateTo(`/login?returnTo=${encodeURIComponent(window.location.pathname)}`);
} else {
navigateTo("/profile");
}
});
window.__state._headerProfile = true;
}
updateHeaderProfile();
Object.assign(window as any, { getUser, setUser, updateUser, isLogged });