feat: 🎸 「順位表」「開票ツイートまとめ」へのリンクが含まれるコンポーネントを追加した (#971)

true-runes · Apr 27, 2023 · e604988 · e604988
1 parent 98cd5ca
commit e604988
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 0 deletions.
diff --git a/components/common/RankingTableAndTweetSummary.tsx b/components/common/RankingTableAndTweetSummary.tsx
@@ -0,0 +1,58 @@
+import type { NextPage } from 'next'
+
+export const RankingTableAndTweetSummary: NextPage = () => {
+  return (
+    <div className="bg-white text-black">
+      <div className="hero">
+        <div className="hero-content text-center w-full">
+          <div className="pb-0 w-full">
+            <div className="card bg-white shadow-2xl">
+              <div className="items-center card-body bg-white text-black">
+                <h2 className="card-title text-2xl">結果</h2>
+
+                <div className="my-1" />
+
+                <div className="text-left">
+                  <p className="text-center">
+                    <a
+                      href="https://gensosenkyo.booth.pm/items/4262247"
+                      className="underline underline-offset-4 text-blue-500 hover:text-blue-900"
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      順位表 (PDF on Booth)
+                    </a>
+                  </p>
+                  <div className="mb-4" />
+                  <p>
+                    <a
+                      href="https://min.togetter.com/oMpk1RZ"
+                      className="underline underline-offset-4 text-blue-500 hover:text-blue-900"
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      第一部 開票ツイート まとめ
+                    </a>
+                  </p>
+                  <div className="mb-2" />
+                  <p>
+                    <a
+                      href="https://min.togetter.com/OG4JD89"
+                      className="underline underline-offset-4 text-blue-500 hover:text-blue-900"
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      第二部 開票ツイート まとめ
+                    </a>
+                  </p>
+                </div>
+
+                <div className="my-1" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -18,6 +18,7 @@ import { HallOfFame } from '@/components/votes/HallOfFame'
 import { Onegai } from '@/components/votes/Onegai'
 import { EventsInEventIndex } from '@/components/events-in-event/index'
 
+import { RankingTableAndTweetSummary } from '@/components/common/RankingTableAndTweetSummary'
 import { VoteDeadLineCard } from '@/components/common/VoteDeadLineCard'
 import { AboutProjectsCard } from '@/components/common/AboutProjectsCard'
 import { AboutCheckVoteCard } from '@/components/common/AboutCheckVoteCard'
@@ -77,6 +78,10 @@ const Home: NextPage = () => {
         )}
 
         <div className="max-w-lg mx-auto">
+          <div id="ranking-table-and-tweet-summary" className="-mt-32 pt-32">
+            <RankingTableAndTweetSummary />
+          </div>
+
           <div id="vote-dead-line-card" className="-mt-32 pt-32">
             <VoteDeadLineCard />
           </div>