From da12d5f567d000e288e5db0cd68d9dcd848d94a4 Mon Sep 17 00:00:00 2001
From: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>
Date: Sat, 24 Aug 2024 01:03:36 +0200
Subject: [PATCH] feat(web): my immich shortcut (#12007)

feat: my immich shortcut in web
---
 web/src/routes/+layout.svelte | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index d086129d7f..1ad9066c4e 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -13,13 +13,14 @@
   import { loadConfig, serverConfig } from '$lib/stores/server-config.store';
   import { user } from '$lib/stores/user.store';
   import { closeWebsocketConnection, openWebsocketConnection } from '$lib/stores/websocket';
-  import { setKey } from '$lib/utils';
+  import { copyToClipboard, setKey } from '$lib/utils';
   import { handleError } from '$lib/utils/handle-error';
   import { onDestroy, onMount } from 'svelte';
   import '../app.css';
   import { isAssetViewerRoute, isSharedLinkRoute } from '$lib/utils/navigation';
   import DialogWrapper from '$lib/components/shared-components/dialog/dialog-wrapper.svelte';
   import { t } from 'svelte-i18n';
+  import { shortcut } from '$lib/actions/shortcut';
 
   let showNavigationLoadingBar = false;
   $: changeTheme($colorTheme);
@@ -49,6 +50,10 @@
     }
   };
 
+  const getMyImmichLink = () => {
+    return new URL($page.url.pathname + $page.url.search, 'https://my.immich.app');
+  };
+
   onMount(() => {
     // if the browser theme changes, changes the Immich theme too
     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', handleChangeTheme);
@@ -123,6 +128,12 @@
   </FullscreenContainer>
 </noscript>
 
+<svelte:window
+  use:shortcut={{
+    shortcut: { ctrl: true, shift: true, key: 'm' },
+    onShortcut: () => copyToClipboard(getMyImmichLink().toString()),
+  }}
+/>
 <slot />
 
 {#if showNavigationLoadingBar}