イベント終了の通知

README.md

@@ -39,13 +39,17 @@ https://head.aquatan-newcomer2023-apidocs.pages.dev/#/
 `env.local` に環境変数をセットします。
 
 - `NEXT_PUBLIC_API_URL` は API サーバへの URL をセットします。
+- `NEXT_PUBLIC_IMGIX_DOMAIN` は画像処理用に利用している IMGIX のドメインをセットします。
+- `NEXT_PUBLIC_NEWT_ROOT` は NEWT のコンテンツ取得用の URL をセットします。
 - `NEXT_PUBLIC_OGP_URL` は OGP 画像生成用の API サーバへの URL をセットします。
-- `NEXT_PUBLIC_PUBLIC_DOMAIN`に自サイトのドメイン(`irodori-newcomer2023.pages.dev`)をセットします。
-- MSW を使って API のモックを有効にする場合は `NEXT_PUBLIC_API_MOCKING` に `enabled` をセットします。それ以外の値の場合はモックは無効になります。
+- `NEXT_PUBLIC_PUBLIC_DOMAIN` に自サイトのドメイン(`irodori-newcomer2023.pages.dev`)をセットします。
+- `NEXT_PUBLIC_RESOURCE_URL` は画像や動画などのコンテンツ取得用に用意している API サーバへの URL をセットします。
 
 ```env.local
 NEXT_PUBLIC_API_URL=https://newcomer2023-api.studioaquatan.workers.dev
+NEXT_PUBLIC_IMGIX_DOMAIN=studioaquatan.imgix.net
+NEXT_PUBLIC_NEWT_ROOT=https://storage.googleapis.com/<NEWT_PROJECT_ID>
 NEXT_PUBLIC_OGP_URL=https://newcomer2023-ogp.studioaquatan.workers.dev
 NEXT_PUBLIC_PUBLIC_DOMAIN=irodori-newcomer2023.pages.dev
-NEXT_PUBLIC_API_MOCKING=enabled
+NEXT_PUBLIC_RESOURCE_URL=https://newcomer2023-assets.studioaquatan.workers.dev/assets
 ```

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="/orgs">
+      <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>
   );
 }

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>

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} />