diff --git a/web/src/lib/utils/file-uploader.ts b/web/src/lib/utils/file-uploader.ts
index b91ddd5689..63df788b52 100644
--- a/web/src/lib/utils/file-uploader.ts
+++ b/web/src/lib/utils/file-uploader.ts
@@ -63,7 +63,7 @@ async function fileUploader(asset: File, uploadType: UploadType) {
 		let exifData = null;
 
 		if (assetType !== 'VIDEO') {
-			exifData = await exifr.parse(asset);
+			exifData = await exifr.parse(asset).catch((e) => console.log('error parsing exif', e));
 		}
 
 		const createdAt =
diff --git a/web/src/routes/admin/index.svelte b/web/src/routes/admin/index.svelte
index 35ec3a691f..c97ad69e89 100644
--- a/web/src/routes/admin/index.svelte
+++ b/web/src/routes/admin/index.svelte
@@ -1,179 +1,181 @@
 <script context="module" lang="ts">
-  import type { Load } from '@sveltejs/kit';
-  import { api, UserResponseDto } from '@api';
-  import { browser } from '$app/env';
+	import type { Load } from '@sveltejs/kit';
+	import { api, UserResponseDto } from '@api';
+	import { browser } from '$app/env';
 
-  export const load: Load = async ({fetch, session}) => {
-    if (!browser && !session.user) {
-      return {
-        status: 302,
-        redirect: '/auth/login'
-      };
-    }
+	export const load: Load = async ({ fetch, session }) => {
+		if (!browser && !session.user) {
+			return {
+				status: 302,
+				redirect: '/auth/login'
+			};
+		}
 
-    try {
-      const user: UserResponseDto = await fetch('/data/user/get-my-user-info').then((r) => r.json());
-      const allUsers: UserResponseDto[] = await fetch('/data/user/get-all-users?isAll=false').then((r) => r.json());
+		try {
+			const user: UserResponseDto = await fetch('/data/user/get-my-user-info').then((r) =>
+				r.json()
+			);
+			const allUsers: UserResponseDto[] = await fetch('/data/user/get-all-users?isAll=false').then(
+				(r) => r.json()
+			);
 
-      if (!user.isAdmin) {
-        return {
-          status: 302,
-          redirect: '/photos'
-        };
-      }
+			if (!user.isAdmin) {
+				return {
+					status: 302,
+					redirect: '/photos'
+				};
+			}
 
-      return {
-        status: 200,
-        props: {
-          user: user,
-          allUsers: allUsers
-        }
-      };
-    } catch (e) {
-      return {
-        status: 302,
-        redirect: '/auth/login'
-      };
-    }
-  };
+			return {
+				status: 200,
+				props: {
+					user: user,
+					allUsers: allUsers
+				}
+			};
+		} catch (e) {
+			return {
+				status: 302,
+				redirect: '/auth/login'
+			};
+		}
+	};
 </script>
 
 <script lang="ts">
-  import { onMount } from 'svelte';
+	import { onMount } from 'svelte';
 
-  import { AdminSideBarSelection } from '$lib/models/admin-sidebar-selection';
-  import SideBarButton from '$lib/components/shared-components/side-bar/side-bar-button.svelte';
-  import AccountMultipleOutline from 'svelte-material-icons/AccountMultipleOutline.svelte';
-  import NavigationBar from '$lib/components/shared-components/navigation-bar.svelte';
-  import UserManagement from '$lib/components/admin-page/user-management.svelte';
-  import FullScreenModal from '$lib/components/shared-components/full-screen-modal.svelte';
-  import CreateUserForm from '$lib/components/forms/create-user-form.svelte';
-  import EditUserForm from '$lib/components/forms/edit-user-form.svelte';
-  import StatusBox from '$lib/components/shared-components/status-box.svelte';
+	import { AdminSideBarSelection } from '$lib/models/admin-sidebar-selection';
+	import SideBarButton from '$lib/components/shared-components/side-bar/side-bar-button.svelte';
+	import AccountMultipleOutline from 'svelte-material-icons/AccountMultipleOutline.svelte';
+	import NavigationBar from '$lib/components/shared-components/navigation-bar.svelte';
+	import UserManagement from '$lib/components/admin-page/user-management.svelte';
+	import FullScreenModal from '$lib/components/shared-components/full-screen-modal.svelte';
+	import CreateUserForm from '$lib/components/forms/create-user-form.svelte';
+	import EditUserForm from '$lib/components/forms/edit-user-form.svelte';
+	import StatusBox from '$lib/components/shared-components/status-box.svelte';
 
+	let selectedAction: AdminSideBarSelection = AdminSideBarSelection.USER_MANAGEMENT;
 
-  let selectedAction: AdminSideBarSelection = AdminSideBarSelection.USER_MANAGEMENT;
+	export let user: UserResponseDto;
+	export let allUsers: UserResponseDto[];
 
-  export let user: UserResponseDto;
-  export let allUsers: UserResponseDto[];
+	let editUser: UserResponseDto;
 
-  let editUser: UserResponseDto;
+	let shouldShowEditUserForm = false;
+	let shouldShowCreateUserForm = false;
+	let shouldShowInfoPanel = false;
 
-  let shouldShowEditUserForm = false;
-  let shouldShowCreateUserForm = false;
-  let shouldShowInfoPanel = false;
+	const onButtonClicked = (buttonType: CustomEvent) => {
+		selectedAction = buttonType.detail['actionType'] as AdminSideBarSelection;
+	};
 
-  const onButtonClicked = (buttonType: CustomEvent) => {
-    selectedAction = buttonType.detail['actionType'] as AdminSideBarSelection;
-  };
+	onMount(() => {
+		selectedAction = AdminSideBarSelection.USER_MANAGEMENT;
+	});
 
-  onMount(() => {
-    selectedAction = AdminSideBarSelection.USER_MANAGEMENT;
-  });
+	const onUserCreated = async () => {
+		const { data } = await api.userApi.getAllUsers(false);
+		allUsers = data;
+		shouldShowCreateUserForm = false;
+	};
 
-  const onUserCreated = async () => {
-    const {data} = await api.userApi.getAllUsers(false);
-    allUsers = data;
-    shouldShowCreateUserForm = false;
-  };
+	const editUserHandler = async (event: CustomEvent) => {
+		const { user } = event.detail;
+		editUser = user;
+		shouldShowEditUserForm = true;
+	};
 
-  const editUserHandler = async (event: CustomEvent) => {
-    const {user} = event.detail;
-    editUser = user;
-    shouldShowEditUserForm = true;
-  };
+	const onEditUserSuccess = async () => {
+		const { data } = await api.userApi.getAllUsers(false);
+		allUsers = data;
+		shouldShowEditUserForm = false;
+	};
 
-  const onEditUserSuccess = async () => {
-    const {data} = await api.userApi.getAllUsers(false);
-    allUsers = data;
-    shouldShowEditUserForm = false;
-  }
-
-  const onEditPasswordSuccess = async () => {
-    const {data} = await api.userApi.getAllUsers(false);
-    allUsers = data;
-    shouldShowEditUserForm = false;
-    shouldShowInfoPanel = true;
-  }
+	const onEditPasswordSuccess = async () => {
+		const { data } = await api.userApi.getAllUsers(false);
+		allUsers = data;
+		shouldShowEditUserForm = false;
+		shouldShowInfoPanel = true;
+	};
 </script>
 
 <svelte:head>
-    <title>Administration - Immich</title>
+	<title>Administration - Immich</title>
 </svelte:head>
 
-<NavigationBar {user}/>
+<NavigationBar {user} />
 
 {#if shouldShowCreateUserForm}
-    <FullScreenModal on:clickOutside={() => (shouldShowCreateUserForm = false)}>
-        <CreateUserForm on:user-created={onUserCreated}/>
-    </FullScreenModal>
+	<FullScreenModal on:clickOutside={() => (shouldShowCreateUserForm = false)}>
+		<CreateUserForm on:user-created={onUserCreated} />
+	</FullScreenModal>
 {/if}
 
 {#if shouldShowEditUserForm}
-    <FullScreenModal on:clickOutside={() => (shouldShowEditUserForm = false)}>
-        <EditUserForm user={editUser} on:edit-success={onEditUserSuccess}
-                      on:reset-password-success={onEditPasswordSuccess}/>
-    </FullScreenModal>
+	<FullScreenModal on:clickOutside={() => (shouldShowEditUserForm = false)}>
+		<EditUserForm
+			user={editUser}
+			on:edit-success={onEditUserSuccess}
+			on:reset-password-success={onEditPasswordSuccess}
+		/>
+	</FullScreenModal>
 {/if}
 
 {#if shouldShowInfoPanel}
-    <FullScreenModal on:clickOutside={() => (shouldShowInfoPanel = false)}>
+	<FullScreenModal on:clickOutside={() => (shouldShowInfoPanel = false)}>
+		<div class="border bg-white shadow-sm w-[500px] rounded-3xl p-8 text-sm">
+			<h1 class="font-bold text-immich-primary text-lg mb-4">Password reset success</h1>
 
-        <div class="border bg-white shadow-sm w-[500px] rounded-3xl p-8 text-sm">
-            <h1 class="font-bold text-immich-primary text-lg mb-4">Password reset success</h1>
+			<p>
+				The user's password has been reset to the default <code
+					class="font-bold bg-gray-200 px-2 py-1 rounded-md text-immich-primary">password</code
+				>
+				<br />
+				Please inform the user, and they will need to change the password at the next log-on.
+			</p>
 
-            <p>
-                The user's password has been reset to the default <code
-                    class="font-bold bg-gray-200 px-2 py-1 rounded-md text-immich-primary">password</code>
-                <br>
-                Please inform the user, and they will need to change the password at the next log-on.
-            </p>
-
-            <div class="flex w-full">
-                <button
-                        on:click={() => shouldShowInfoPanel = false}
-                        class="mt-6 bg-immich-primary hover:bg-immich-primary/75 px-6 py-3 text-white rounded-full shadow-md w-full font-medium"
-                >Done
-                </button
-                >
-            </div>
-        </div>
-    </FullScreenModal>
+			<div class="flex w-full">
+				<button
+					on:click={() => (shouldShowInfoPanel = false)}
+					class="mt-6 bg-immich-primary hover:bg-immich-primary/75 px-6 py-3 text-white rounded-full shadow-md w-full font-medium"
+					>Done
+				</button>
+			</div>
+		</div>
+	</FullScreenModal>
 {/if}
 
-
 <section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen">
-    <section id="admin-sidebar" class="pt-8 pr-6 flex flex-col">
-        <SideBarButton
-                title="User"
-                logo={AccountMultipleOutline}
-                actionType={AdminSideBarSelection.USER_MANAGEMENT}
-                isSelected={selectedAction === AdminSideBarSelection.USER_MANAGEMENT}
-                on:selected={onButtonClicked}
-        />
+	<section id="admin-sidebar" class="pt-8 pr-6 flex flex-col">
+		<SideBarButton
+			title="User"
+			logo={AccountMultipleOutline}
+			actionType={AdminSideBarSelection.USER_MANAGEMENT}
+			isSelected={selectedAction === AdminSideBarSelection.USER_MANAGEMENT}
+			on:selected={onButtonClicked}
+		/>
 
-        <div class="mb-6 mt-auto">
-            <StatusBox/>
-        </div>
-    </section>
-    <section class="overflow-y-auto relative">
-        <div id="setting-title" class="pt-10 fixed w-full z-50 bg-immich-bg">
-            <h1 class="text-lg ml-8 mb-4 text-immich-primary font-medium">{selectedAction}</h1>
-            <hr/>
-        </div>
-
-
-        <section id="setting-content" class="relative pt-[85px] flex place-content-center">
-            <section class="w-[800px] pt-4">
-                {#if selectedAction === AdminSideBarSelection.USER_MANAGEMENT}
-                    <UserManagement
-                            {allUsers}
-                            on:create-user={() => (shouldShowCreateUserForm = true)}
-                            on:edit-user={editUserHandler}
-                    />
-                {/if}
-            </section>
-        </section>
-    </section>
+		<div class="mb-6 mt-auto">
+			<StatusBox />
+		</div>
+	</section>
+	<section class="overflow-y-auto relative">
+		<div id="setting-title" class="pt-10 fixed w-full z-50 bg-immich-bg">
+			<h1 class="text-lg ml-8 mb-4 text-immich-primary font-medium">{selectedAction}</h1>
+			<hr />
+		</div>
 
+		<section id="setting-content" class="relative pt-[85px] flex place-content-center">
+			<section class="w-[800px] pt-4">
+				{#if selectedAction === AdminSideBarSelection.USER_MANAGEMENT}
+					<UserManagement
+						{allUsers}
+						on:create-user={() => (shouldShowCreateUserForm = true)}
+						on:edit-user={editUserHandler}
+					/>
+				{/if}
+			</section>
+		</section>
+	</section>
 </section>