From 0d4e8064c425bc1fa1e6ed79f973ef813e9b85f1 Mon Sep 17 00:00:00 2001
From: u61d <nightemperor2023@gmail.com>
Date: Fri, 5 Jun 2026 04:39:24 +0200
Subject: [PATCH] feat(external-links): add Simkl media link

---
 src/assets/services/simkl.svg              |  1 +
 src/components/ExternalLinkBlock/index.tsx | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/services/simkl.svg

diff --git a/src/assets/services/simkl.svg b/src/assets/services/simkl.svg
new file mode 100644
index 0000000000..3b3bf131cf
--- /dev/null
+++ b/src/assets/services/simkl.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.84 0A3.832 3.832 0 0 0 0 3.84v16.32A3.832 3.832 0 0 0 3.84 24h16.32A3.832 3.832 0 0 0 24 20.16V3.84A3.832 3.832 0 0 0 20.16 0zm8.567 4.11c2.074 0 3.538.061 4.393.186 1.127.168 1.94.46 2.438.877.672.578 1.009 1.613 1.009 3.104 0 .161-.004.417-.01.768h-4.234c-.014-.358-.039-.607-.074-.746-.098-.41-.42-.64-.966-.692-.484-.043-1.66-.066-3.53-.066-1.85 0-2.946.056-3.289.165-.385.133-.578.474-.578 1.024 0 .528.203.851.61.969.343.095 1.887.187 4.633.275 2.487.073 4.073.165 4.76.275.693.11 1.244.275 1.654.495.41.22.737.532.983.936.37.595.557 1.552.557 2.873 0 1.475-.182 2.557-.546 3.247-.364.683-.96 1.149-1.785 1.398-.812.25-3.05.374-6.71.374-2.226 0-3.832-.062-4.82-.187-1.204-.147-2.068-.434-2.593-.86-.567-.456-.903-1.1-1.008-1.93a10.522 10.522 0 0 1-.085-1.434v-.789H7.44c-.007.74.136 1.216.43 1.428.154.102.33.167.525.203.196.037.54.063 1.03.077a166.2 166.2 0 0 0 2.405.022c1.862-.007 2.94-.018 3.234-.033.553-.044.917-.12 1.092-.23.245-.161.368-.52.368-1.077 0-.38-.078-.648-.231-.802-.211-.212-.712-.325-1.503-.34-.547 0-1.688-.044-3.425-.132-1.794-.088-2.956-.14-3.488-.154-1.387-.044-2.364-.212-2.932-.505-.728-.373-1.205-1.01-1.429-1.91-.126-.498-.189-1.15-.189-1.956 0-1.698.309-2.895.925-3.59.462-.527 1.163-.875 2.102-1.044.848-.146 2.865-.22 6.053-.22z"/></svg>
diff --git a/src/components/ExternalLinkBlock/index.tsx b/src/components/ExternalLinkBlock/index.tsx
index 3a26b8506a..2e1704d3d8 100644
--- a/src/components/ExternalLinkBlock/index.tsx
+++ b/src/components/ExternalLinkBlock/index.tsx
@@ -4,6 +4,7 @@ import JellyfinLogo from '@app/assets/services/jellyfin.svg';
 import LetterboxdLogo from '@app/assets/services/letterboxd.svg';
 import PlexLogo from '@app/assets/services/plex.svg';
 import RTLogo from '@app/assets/services/rt.svg';
+import SimklLogo from '@app/assets/services/simkl.svg';
 import TmdbLogo from '@app/assets/services/tmdb.svg';
 import TraktLogo from '@app/assets/services/trakt.svg';
 import TvdbLogo from '@app/assets/services/tvdb.svg';
@@ -35,7 +36,7 @@ const ExternalLinkBlock = ({
   const { locale } = useLocale();
 
   return (
-    <div className="flex w-full items-center justify-center space-x-5">
+    <div className="flex w-full items-center justify-center space-x-2 sm:space-x-5">
       {mediaUrl && (
         <a
           href={mediaUrl}
@@ -115,6 +116,19 @@ const ExternalLinkBlock = ({
           <TraktLogo />
         </a>
       )}
+      {imdbId && mediaType !== 'person' && (
+        <a
+          href={`https://api.simkl.com/redirect?to=Simkl&imdb=${encodeURIComponent(
+            imdbId
+          )}`}
+          aria-label="Simkl"
+          className="w-8 opacity-50 transition duration-300 hover:opacity-100"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <SimklLogo />
+        </a>
+      )}
       {tmdbId && mediaType === MediaType.MOVIE && (
         <a
           href={`https://letterboxd.com/tmdb/${tmdbId}`}