From 1d144f8837301f2f7eccf222ab0b0f8b1f40bcad Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <nebel@fogtype.com>
Date: Tue, 12 Sep 2023 14:24:07 +0900
Subject: [PATCH] =?UTF-8?q?=E9=9D=9E=E8=A1=A8=E7=A4=BA=E3=81=A0=E3=81=A3?=
 =?UTF-8?q?=E3=81=9F=E3=83=AA=E3=83=B3=E3=82=AF=E5=88=87=E3=82=8A=E6=9B=BF?=
 =?UTF-8?q?=E3=81=88=E3=82=92=E8=A1=A8=E7=A4=BA=E3=81=97=E8=AA=AC=E6=98=8E?=
 =?UTF-8?q?=E3=82=92title=E5=B1=9E=E6=80=A7=E3=81=AB=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/organisms/ContentPreview.tsx | 32 ++++++++++++++++---------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/components/organisms/ContentPreview.tsx b/components/organisms/ContentPreview.tsx
index 2abc78220..0e8551e82 100644
--- a/components/organisms/ContentPreview.tsx
+++ b/components/organisms/ContentPreview.tsx
@@ -200,17 +200,27 @@ export default function ContentPreview({
         />
       </CardActionArea>
       <Box position="relative">
-        {linked !== undefined && onContentLinkClick && (
-          <LinkSwitch
-            sx={{
-              position: "absolute",
-              bottom: 0,
-              right: 0,
-              transform: "translateY(50%)",
-            }}
-            checked={linked}
-            onChange={handleContentLinkClick}
-          />
+        {content.type === "book" && linked !== undefined && (
+          <label
+            title={
+              onContentLinkClick
+                ? "リンクを切り替える"
+                : "ツールURLが指定されているため、リンクの切り替えはできません"
+            }
+          >
+            <LinkSwitch
+              sx={{
+                position: "absolute",
+                bottom: 0,
+                right: 0,
+                transform: "translateY(50%)",
+                filter: onContentLinkClick ? "none" : "grayscale(1)",
+              }}
+              disabled={!onContentLinkClick}
+              checked={linked}
+              onChange={handleContentLinkClick}
+            />
+          </label>
         )}
         {content.license && (
           <License