From eed35619502d4a155a0b73125b804b8c4766bb03 Mon Sep 17 00:00:00 2001
From: Marei Kikukawa <12670155+calmery@users.noreply.github.com>
Date: Sun, 22 Nov 2020 19:46:29 +0900
Subject: [PATCH] =?UTF-8?q?=E4=B8=8D=E8=A6=81=E3=81=AA=E3=82=B3=E3=83=B3?=
 =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88=E3=81=AA=E3=81=A9?=
 =?UTF-8?q?=E3=82=92=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88=E3=82=A2=E3=82=A6?=
 =?UTF-8?q?=E3=83=88=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/lp/Credit.tsx | 90 ++++++++++++++++++------------------
 1 file changed, 45 insertions(+), 45 deletions(-)

diff --git a/src/components/lp/Credit.tsx b/src/components/lp/Credit.tsx
index edff7398..5d62911d 100644
--- a/src/components/lp/Credit.tsx
+++ b/src/components/lp/Credit.tsx
@@ -9,9 +9,9 @@ export default function Credit() {
   const [subTitle1Ref, isSubTitle1Intersected] = useIntersectionObserver<
     HTMLImageElement
   >({});
-  const [subTitle2Ref, isSubTitle2Intersected] = useIntersectionObserver<
-    HTMLImageElement
-  >({});
+  // const [subTitle2Ref, isSubTitle2Intersected] = useIntersectionObserver<
+  //   HTMLImageElement
+  // >({});
 
   return (
     <Wrapper>
@@ -81,22 +81,22 @@ function EditorComponent({
   );
 }
 
-function SupporterComponent({ link, name }: { link: string; name: string }) {
-  const [targetRef, isIntersected] = useIntersectionObserver<HTMLAnchorElement>(
-    {}
-  );
-
-  return (
-    <Supporter
-      ref={targetRef}
-      href={link}
-      target="_blank"
-      isIntersected={isIntersected}
-    >
-      {name}
-    </Supporter>
-  );
-}
+// function SupporterComponent({ link, name }: { link: string; name: string }) {
+//   const [targetRef, isIntersected] = useIntersectionObserver<HTMLAnchorElement>(
+//     {}
+//   );
+
+//   return (
+//     <Supporter
+//       ref={targetRef}
+//       href={link}
+//       target="_blank"
+//       isIntersected={isIntersected}
+//     >
+//       {name}
+//     </Supporter>
+//   );
+// }
 
 const WaveWrapper = styled.div`
   position: absolute;
@@ -176,32 +176,32 @@ const Name = styled.div`
   text-align: center;
 `;
 
-const SupporterWrapper = styled.div`
-  display: grid;
-  grid-gap: 24px;
-  justify-items: center;
-
-  ${media.mediumUp} {
-    grid-template-columns: repeat(3, auto);
-  }
-`;
-
-const Supporter = styled.a<{ isIntersected: boolean }>`
-  display: block;
-  font-size: 20px;
-  color: ${colors.choco};
-  opacity: 0;
-
-  &:hover {
-    text-decoration: underline;
-  }
-
-  ${({ isIntersected }) =>
-    isIntersected &&
-    css`
-      animation: ${slideIn} 0.7s cubic-bezier(0, 0, 0.17, 0.99) 0s forwards;
-    `}
-`;
+// const SupporterWrapper = styled.div`
+//   display: grid;
+//   grid-gap: 24px;
+//   justify-items: center;
+
+//   ${media.mediumUp} {
+//     grid-template-columns: repeat(3, auto);
+//   }
+// `;
+
+// const Supporter = styled.a<{ isIntersected: boolean }>`
+//   display: block;
+//   font-size: 20px;
+//   color: ${colors.choco};
+//   opacity: 0;
+
+//   &:hover {
+//     text-decoration: underline;
+//   }
+
+//   ${({ isIntersected }) =>
+//     isIntersected &&
+//     css`
+//       animation: ${slideIn} 0.7s cubic-bezier(0, 0, 0.17, 0.99) 0s forwards;
+//     `}
+// `;
 
 const Wrapper = styled.div`
   position: relative;