+
{/if}
diff --git a/web/src/lib/components/shared/announcement-box.svelte b/web/src/lib/components/shared/announcement-box.svelte
new file mode 100644
index 0000000000000..e0096daeb8555
--- /dev/null
+++ b/web/src/lib/components/shared/announcement-box.svelte
@@ -0,0 +1,61 @@
+
+
+
+
console.log('Click outside')}>
+
+
🎉 NEW VERSION AVAILABLE 🎉
+
+
+
+
+ Hi friend, there is a new release of
IMMICH , please take your time to visit the
+
release note
+ and ensure your
docker-compose
, and
.env
setup is up-to-date to prevent any misconfigurations,
+ especially if you use WatchTower or any mechanism that handles updating your application automatically.
+
+
+ {#if remoteVersion == 'v1.11.0_17-dev'}
+
+ This specific version v1.11.0_17-dev includes changes in the docker-compose
+ setup that added additional containters. Please make sure to update the docker-compose file, pull new images
+ and check your setup for the latest features and bug fixes.
+
+ {/if}
+
+
+
Your friend, Alex
+
+ Local Version {localVersion}
+
+ Remote Version {remoteVersion}
+
+
+
+ Acknowledge
+
+
+
+
diff --git a/web/src/lib/components/shared/full-screen-modal.svelte b/web/src/lib/components/shared/full-screen-modal.svelte
index 22ca352b28055..7a6866a3c3e84 100644
--- a/web/src/lib/components/shared/full-screen-modal.svelte
+++ b/web/src/lib/components/shared/full-screen-modal.svelte
@@ -11,7 +11,7 @@
out:fade={{ duration: 100 }}
class="absolute w-full h-full bg-black/40 z-[100] flex place-items-center place-content-center "
>
-
dispatch('clickOutside')}>
+
dispatch('clickOutside')}>
diff --git a/web/src/lib/components/shared/navigation-bar.svelte b/web/src/lib/components/shared/navigation-bar.svelte
index af253c7c053e8..22f9c518c9f75 100644
--- a/web/src/lib/components/shared/navigation-bar.svelte
+++ b/web/src/lib/components/shared/navigation-bar.svelte
@@ -22,7 +22,6 @@
};
const navigateToAdmin = () => {
- console.log('Navigating to admin page');
goto('/admin');
};
diff --git a/web/src/lib/components/shared/status-box.svelte b/web/src/lib/components/shared/status-box.svelte
index e8b95217fc6bc..d1af9468e9f9b 100644
--- a/web/src/lib/components/shared/status-box.svelte
+++ b/web/src/lib/components/shared/status-box.svelte
@@ -5,6 +5,7 @@
import Cloud from 'svelte-material-icons/Cloud.svelte';
import Dns from 'svelte-material-icons/Dns.svelte';
import LoadingSpinner from './loading-spinner.svelte';
+ import { goto } from '$app/navigation';
type ServerInfoType = {
diskAvailable: string;
@@ -77,7 +78,11 @@
+
diff --git a/web/src/lib/utils/check-app-version.ts b/web/src/lib/utils/check-app-version.ts
new file mode 100644
index 0000000000000..3a793db147bd8
--- /dev/null
+++ b/web/src/lib/utils/check-app-version.ts
@@ -0,0 +1,50 @@
+type CheckAppVersionReponse = {
+ shouldShowAnnouncement: boolean;
+ localVersion?: string;
+ remoteVersion?: string;
+};
+
+type GithubRelease = {
+ tag_name: string;
+};
+
+export const checkAppVersion = async (): Promise