unchained/mission-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refactor LocalAuthLogin and UserMenu components for improved readability

Browse Source
This commit is contained in:
Abhimanyu Saharan
2026-02-11 19:40:29 +05:30
parent 1a35fa1f21
commit 2ecee4ed48
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/organisms/LocalAuthLogin.test.tsx
View File

@@ -8,7 +8,8 @@ const setLocalAuthTokenMock = vi.hoisted(() => vi.fn());
const fetchMock = vi.hoisted(() => vi.fn()); const fetchMock = vi.hoisted(() => vi.fn());
vi.mock("@/auth/localAuth", async () => { vi.mock("@/auth/localAuth", async () => {
const actual = await vi.importActual<typeof import("@/auth/localAuth")>( const actual =
await vi.importActual<typeof import("@/auth/localAuth")>(
"@/auth/localAuth", "@/auth/localAuth",
); );
return { return {

7
frontend/src/components/organisms/LocalAuthLogin.tsx
View File

@@ -132,7 +132,12 @@ export function LocalAuthLogin({ onAuthenticated }: LocalAuthLoginProps) {
Token must be at least {LOCAL_AUTH_TOKEN_MIN_LENGTH} characters. Token must be at least {LOCAL_AUTH_TOKEN_MIN_LENGTH} characters.
</p> </p>
)} )}
<Button type="submit" className="w-full" size="lg" disabled={isValidating}> <Button
type="submit"
className="w-full"
size="lg"
disabled={isValidating}
>
{isValidating ? "Validating..." : "Continue"} {isValidating ? "Validating..." : "Continue"}
</Button> </Button>
</form> </form>

6
frontend/src/components/organisms/UserMenu.tsx
View File

@@ -44,8 +44,10 @@ export function UserMenu({
const avatarLabelSource = const avatarLabelSource =
displayNameFromDb ?? (localMode ? "Local User" : user?.id) ?? "U"; displayNameFromDb ?? (localMode ? "Local User" : user?.id) ?? "U";
const avatarLabel = avatarLabelSource.slice(0, 1).toUpperCase(); const avatarLabel = avatarLabelSource.slice(0, 1).toUpperCase();
const displayName = displayNameFromDb ?? (localMode ? "Local User" : "Account"); const displayName =
const displayEmail = displayEmailFromDb ?? (localMode ? "local@localhost" : ""); displayNameFromDb ?? (localMode ? "Local User" : "Account");
const displayEmail =
displayEmailFromDb ?? (localMode ? "local@localhost" : "");
return ( return (
<Popover open={open} onOpenChange={setOpen}> <Popover open={open} onOpenChange={setOpen}>