fix: auth redirection issue fixes when user is logged in (#2499)
* fix: auth redirection issues * fix: redirect flickering fix * chore: sign in page ui improvement and redirection fix (#2501) * style: sign in page ui improvement * chore: sign up redirection added and ui improvement * chore: redirection validation and create workspace form fix (#2504) * chore: sign in redirection validation * fix: create workspace form input fix * chore: code refactor --------- Co-authored-by: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
This commit is contained in:
parent
d78b4dccf3
commit
9f1fd2327a
13 changed files with 99 additions and 52 deletions
|
|
@ -8,6 +8,10 @@ import { applyTheme, unsetCustomCssVariables } from "helpers/theme.helper";
|
|||
import { observer } from "mobx-react-lite";
|
||||
|
||||
const MobxStoreInit = observer(() => {
|
||||
// router
|
||||
const router = useRouter();
|
||||
const { workspaceSlug, projectId, cycleId, moduleId, globalViewId, viewId, inboxId } = router.query;
|
||||
// store
|
||||
const {
|
||||
theme: themeStore,
|
||||
user: userStore,
|
||||
|
|
@ -23,14 +27,11 @@ const MobxStoreInit = observer(() => {
|
|||
const [dom, setDom] = useState<any>();
|
||||
// theme
|
||||
const { setTheme } = useTheme();
|
||||
// router
|
||||
const router = useRouter();
|
||||
const { workspaceSlug, projectId, cycleId, moduleId, globalViewId, viewId, inboxId } = router.query;
|
||||
|
||||
// const dom = useMemo(() => window && window.document?.querySelector<HTMLElement>("[data-theme='custom']"), [document]);
|
||||
|
||||
/**
|
||||
* Sidebar collapsed fetching from local storage
|
||||
*/
|
||||
useEffect(() => {
|
||||
// sidebar collapsed toggle
|
||||
const localValue = localStorage && localStorage.getItem("app_sidebar_collapsed");
|
||||
const localBoolValue = localValue ? (localValue === "true" ? true : false) : false;
|
||||
if (localValue && themeStore?.sidebarCollapsed === undefined) {
|
||||
|
|
@ -38,6 +39,9 @@ const MobxStoreInit = observer(() => {
|
|||
}
|
||||
}, [themeStore, userStore, setTheme]);
|
||||
|
||||
/**
|
||||
* Setting up the theme of the user by fetching it from local storage
|
||||
*/
|
||||
useEffect(() => {
|
||||
if (!userStore.currentUser) return;
|
||||
if (window) {
|
||||
|
|
@ -45,11 +49,13 @@ const MobxStoreInit = observer(() => {
|
|||
}
|
||||
setTheme(userStore.currentUser?.theme?.theme || "system");
|
||||
if (userStore.currentUser?.theme?.theme === "custom" && dom) {
|
||||
console.log("userStore.currentUser?.theme?.theme", userStore.currentUser?.theme);
|
||||
applyTheme(userStore.currentUser?.theme?.palette, false);
|
||||
} else unsetCustomCssVariables();
|
||||
}, [userStore.currentUser, setTheme, dom]);
|
||||
|
||||
/**
|
||||
* Setting router info to the respective stores.
|
||||
*/
|
||||
useEffect(() => {
|
||||
if (workspaceSlug) workspaceStore.setWorkspaceSlug(workspaceSlug.toString());
|
||||
if (projectId) projectStore.setProjectId(projectId.toString());
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue