Add event ended button

StudioAquatan · Mar 25, 2024 · e25985e · e25985e
1 parent 4b8e247
commit e25985e
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 75 deletions.
diff --git a/components/toppage/EntryButton.stories.tsx b/components/toppage/EntryButton.stories.tsx
diff --git a/components/toppage/EntryButton.tsx b/components/toppage/EntryButton.tsx
@@ -1,12 +1,6 @@
 import { css, useTheme } from "@emotion/react";
 import Link from "next/link";
 import ColorBorderButton from "../buttons/ColorBorderButton";
-import { OrgListLink } from "./OrgList";
-
-type EntryButtonProps = {
-  isMobile: boolean;
-  hasStampCard: boolean;
-};
 
 const container = css`
   display: flex;
@@ -24,46 +18,25 @@ const notice = css`
   text-align: center;
 `;
 
-const ActivateButton = ({ isMobile, hasStampCard }: EntryButtonProps) => {
+const ActivateButton = () => {
   const theme = useTheme();
 
-  if (isMobile) {
-    if (hasStampCard) {
-      return (
-        <Link href="/stampcard">
-          <ColorBorderButton
-            label="スタンプカードを表示"
-            textColor={theme.colors.button.enable.backgroundColor}
-            borderColor={theme.colors.button.enable.backgroundColor}
-          />
-        </Link>
-      );
-    } else {
-      return (
-        <Link href="/diagnose">
-          <ColorBorderButton
-            label="診断する"
-            textColor={theme.colors.button.enable.backgroundColor}
-            borderColor={theme.colors.button.enable.backgroundColor}
-          />
-        </Link>
-      );
-    }
-  } else {
-    return (
-      <>
-        <ColorBorderButton label="診断する" disabled={true} />
-        <p css={notice}>診断するにはスマートフォンからアクセスしてください。</p>
-      </>
-    );
-  }
+  return (
+    <Link href="/diagnose">
+      <ColorBorderButton
+        label="診断する"
+        textColor={theme.colors.button.enable.backgroundColor}
+        borderColor={theme.colors.button.enable.backgroundColor}
+      />
+    </Link>
+  );
 };
 
-export default function EntryButton(props: EntryButtonProps) {
+export default function EntryButton() {
   return (
     <div css={container}>
-      <ActivateButton {...props} />
-      <OrgListLink />
+      <ActivateButton />
+      <p css={notice}>イベントは終了しました！</p>
     </div>
   );
 }
diff --git a/components/toppage/EventGuidance.tsx b/components/toppage/EventGuidance.tsx
@@ -89,10 +89,7 @@ export default function EventGuidance() {
               <h6>開催日</h6>
             </td>
             <td css={body}>
-              <p>DAY1 2023年4月18日(火)</p>
-              <p>DAY2 2023年4月19日(水)</p>
-              <p>DAY3 2023年4月20日(木)</p>
-              <p>DAY4 2023年4月21日(金)</p>
+              <p>イベントは終了しました！</p>
             </td>
           </tr>
           <tr>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -19,9 +19,7 @@ import FeatureStampRally from "../components/toppage/FeatureStampRally";
 import Hero from "../components/toppage/Hero";
 import OrgList from "../components/toppage/OrgList";
 import { OrganizationProvider, useOrganizations } from "../hooks/organizations";
-import { useRecommendation } from "../hooks/recommendation";
 import useUser from "../hooks/user";
-import { useIsMobile } from "../store/userAgent";
 
 const OGP_URL = process.env.NEXT_PUBLIC_OGP_URL ?? "http://localhost:8787";
 
@@ -80,10 +78,8 @@ export default function Home({
   questions,
 }: HomeProps) {
   const { replace, query } = useRouter();
-  const { isMobile } = useIsMobile();
   // TODO: 相性診断するときにユーザ情報を作成すれば良いので、ここでユーザ情報を作成する必要はない
   useUser();
-  const { data: recommendation } = useRecommendation();
 
   const featureStampRally = {
     title: "スタンプラリー",
@@ -148,10 +144,7 @@ export default function Home({
       <Hero />
       <div css={container}>
         <OrgShowcase orgs={showcaseOrgs} />
-        <EntryButton
-          isMobile={isMobile}
-          hasStampCard={typeof recommendation === "object"}
-        />
+        <EntryButton />
 
         <FeatureDiagnose {...featureDiagnose} />
         <FeatureStampRally {...featureStampRally} />