モバイル端末では STYLY Mobile へのリンクを表示する

calmery · Nov 22, 2020 · ab3fb6e · ab3fb6e
1 parent 2fdfc9f
commit ab3fb6e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/lp/Content.tsx b/src/components/lp/Content.tsx
@@ -1,4 +1,5 @@
 import styled from "@emotion/styled";
+import platform from "platform";
 import React from "react";
 import ContentItem from "./ContentItem";
 import ContentTitle from "./Title/ContentTitle";
@@ -15,7 +16,12 @@ export default function Content() {
       <ContentTitle />
       <ContentWrapper>
         <ContentItem
-          link="https://gallery.styly.cc/scene/88f39662-06f9-451d-94e2-2b14889eaa8d"
+          link={
+            platform.os &&
+            (platform.os.family === "iOS" || platform.os.family === "Android")
+              ? "https://preview.page.link/stylymr.page.link?link=https://styly.cc/ja/mobile/?scene%3D88f39662-06f9-451d-94e2-2b14889eaa8d&apn=com.psychicvrlab.stylymr&isi=1477168256&ibi=com.psychicvrlab.stylymr"
+              : "https://gallery.styly.cc/scene/88f39662-06f9-451d-94e2-2b14889eaa8d"
+          }
           thumb="/lp/content/styly.jpg"
           title="STYLY"
           description="3D キャラクターやアニメーション作品を AR 空間で眺めよう！"