rockfic/next
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(pages, components): fix inconsistent theme when logging in/out

Browse Source 
manually set body's `data-theme` attribute to the appropriate value
This commit is contained in:
☙◦ The Tablet ❀ GamerGirlandCo ◦❧ 2024-04-20 20:56:47 -04:00
parent c68762ceac
commit 05a20ff94e
Signed by: tablet
GPG Key ID: 924A5F6AF051E87C
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/auth/login.vue
View File

@ -17,17 +17,16 @@
username: "", username: "",
password: "", password: "",
}); });
const darkRef = inject<Ref<boolean>>("dark");
const onFinish = async (values: any) => { const onFinish = async (values: any) => {
const { signIn, data } = useAuth(); const { signIn } = useAuth();
let reso: any;
try { try {
reso = await signIn(values); await signIn(values, { redirect: true, callbackUrl: "/" });
const { data } = useAuth();
await navigateTo({ darkRef.value = data.value.user.profile.nightMode;
path: "/", if (darkRef.value) document.body.dataset.theme = "dark";
}); await navigateTo();
} catch (e: any) { } catch (e: any) {
if (e.data) { if (e.data) {
notification["error"]({ notification["error"]({

3
pages/auth/logout.vue
View File

@ -6,6 +6,9 @@
signOut({ signOut({
callbackUrl: "/", callbackUrl: "/",
}); });
const d = inject<Ref<boolean>>("dark");
d.value = false;
document.body.dataset.theme = undefined;
</script> </script>
<template> <template>
<a-typography-title :level="3"> Signed out. 👋 </a-typography-title> <a-typography-title :level="3"> Signed out. 👋 </a-typography-title>