fix(org-site): stabilize landing-page nav auth button
The auth button derived from stores that hydrate in stages, so it flashed through Login -> Dashboard -> Go to LMS as isLoggedIn and the role/basePath settled at different times. Gate the label on appInitApi.isInitializedAndReady so it only renders once the account (and thus role) has loaded, and show a spinner in the button while a logged-in user's experience resolves. Add separate loading and disabled flags to authAction and wire them through all theme navs.
This commit is contained in:
@@ -10,6 +10,8 @@
|
||||
authAction?: {
|
||||
label: string;
|
||||
href: string;
|
||||
loading?: boolean;
|
||||
disabled?: boolean;
|
||||
};
|
||||
}
|
||||
|
||||
@@ -45,7 +47,14 @@
|
||||
|
||||
<div class="ui:flex ui:items-center ui:gap-1.5">
|
||||
{#if authAction}
|
||||
<Button href={authAction.href} variant="default" size="sm" class="ui:rounded-full ui:px-4">
|
||||
<Button
|
||||
href={authAction.href}
|
||||
loading={authAction.loading}
|
||||
disabled={authAction.disabled}
|
||||
variant="default"
|
||||
size="sm"
|
||||
class="ui:rounded-full ui:px-4"
|
||||
>
|
||||
{authAction.label}
|
||||
</Button>
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user