mirror of
https://github.com/immich-app/immich.git
synced 2025-06-01 20:54:22 -04:00
907a95a746
* no-misused-promises * no-floating-promises * format * revert for now * remove load function * require-await * revert a few no-floating-promises changes that would cause no-misused-promises failures * format * fix a few more * fix most remaining errors * executor-queue * executor-queue.spec * remove duplicate comments by grouping rules * upgrade sveltekit and enforce rules * oops. move await * try this * just ignore for now since it's only a test * run in parallel * Update web/src/routes/admin/jobs-status/+page.svelte Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com> * remove Promise.resolve call * rename function * remove unnecessary warning silencing * make handleError sync * fix new errors from recently merged PR to main * extract method * use handlePromiseError --------- Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com> Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
68 lines
1.9 KiB
Svelte
68 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import { goto } from '$app/navigation';
|
|
import { featureFlags } from '$lib/stores/server-config.store';
|
|
import { oauth } from '$lib/utils';
|
|
import { type UserResponseDto } from '@immich/sdk';
|
|
import { onMount } from 'svelte';
|
|
import { fade } from 'svelte/transition';
|
|
import { handleError } from '../../utils/handle-error';
|
|
import Button from '../elements/buttons/button.svelte';
|
|
import LoadingSpinner from '../shared-components/loading-spinner.svelte';
|
|
import { notificationController, NotificationType } from '../shared-components/notification/notification';
|
|
|
|
export let user: UserResponseDto;
|
|
|
|
let loading = true;
|
|
|
|
onMount(async () => {
|
|
if (oauth.isCallback(window.location)) {
|
|
try {
|
|
loading = true;
|
|
|
|
user = await oauth.link(window.location);
|
|
|
|
notificationController.show({
|
|
message: 'Linked OAuth account',
|
|
type: NotificationType.Info,
|
|
});
|
|
} catch (error) {
|
|
handleError(error, 'Unable to link OAuth account');
|
|
} finally {
|
|
await goto('?open=oauth');
|
|
}
|
|
}
|
|
|
|
loading = false;
|
|
});
|
|
|
|
const handleUnlink = async () => {
|
|
try {
|
|
user = await oauth.unlink();
|
|
notificationController.show({
|
|
message: 'Unlinked OAuth account',
|
|
type: NotificationType.Info,
|
|
});
|
|
} catch (error) {
|
|
handleError(error, 'Unable to unlink account');
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<section class="my-4">
|
|
<div in:fade={{ duration: 500 }}>
|
|
<div class="flex justify-end">
|
|
{#if loading}
|
|
<div class="flex place-content-center place-items-center">
|
|
<LoadingSpinner />
|
|
</div>
|
|
{:else if $featureFlags.oauth}
|
|
{#if user.oauthId}
|
|
<Button size="sm" on:click={() => handleUnlink()}>Unlink Oauth</Button>
|
|
{:else}
|
|
<Button size="sm" on:click={() => oauth.authorize(window.location)}>Link to OAuth</Button>
|
|
{/if}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</section>
|