From 8e9d0ec9001469e52e99f5846b22f20caa1b3471 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 6 Jun 2022 15:29:35 -0700
Subject: [PATCH] tour implementation; style fixes

---
 components/TourDate.tsx  | 22 ++++++++++++++++++++
 data/tourData.ts         | 10 +++++++++
 layouts/AuthorLayout.tsx |  2 +-
 pages/tour.tsx           | 44 ++++++++++++++++++++++++++++++++++++++++
 4 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 components/TourDate.tsx
 create mode 100644 data/tourData.ts
 create mode 100644 pages/tour.tsx

diff --git a/components/TourDate.tsx b/components/TourDate.tsx
new file mode 100644
index 0000000..440ada8
--- /dev/null
+++ b/components/TourDate.tsx
@@ -0,0 +1,22 @@
+const TourDate = ({ date, venue, details, tickets }) => {
+  return (
+    <p className="pb-2">
+      {date}
+      {` `}
+      {venue}
+      {` `}
+      {details}
+      &nbsp;
+      <a
+        href={tickets}
+        rel="noopener nofollow noreferrer"
+        target="_blank"
+        className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
+      >
+        Tickets
+      </a>
+    </p>
+  )
+}
+
+export default TourDate
diff --git a/data/tourData.ts b/data/tourData.ts
new file mode 100644
index 0000000..dd27e53
--- /dev/null
+++ b/data/tourData.ts
@@ -0,0 +1,10 @@
+const tourData = [
+  //   {
+  //     date: '2005-05-07',
+  //     venue: 'Montreal @ Medley',
+  //     details: 'Quo Vadis, Despised Icon',
+  //     tickets: '',
+  //   },
+]
+
+export default tourData
diff --git a/layouts/AuthorLayout.tsx b/layouts/AuthorLayout.tsx
index a147cc8..6f42344 100644
--- a/layouts/AuthorLayout.tsx
+++ b/layouts/AuthorLayout.tsx
@@ -27,7 +27,7 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
   return (
     <>
       <PageSEO title={`Band - ${name}`} description={`Band - ${name}`} />
-      <div className="divide-y">
+      <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pt-6 pb-8 md:space-y-5">
           <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
             Band
diff --git a/pages/tour.tsx b/pages/tour.tsx
new file mode 100644
index 0000000..4de772d
--- /dev/null
+++ b/pages/tour.tsx
@@ -0,0 +1,44 @@
+import siteMetadata from '@/data/siteMetadata'
+import tourData from '@/data/tourData'
+import TourDate from '@/components/TourDate'
+import { PageSEO } from '@/components/SEO'
+
+export default function Projects() {
+  return (
+    <>
+      <PageSEO title={`Tour - ${siteMetadata.author}`} description={siteMetadata.description} />
+      <div className="divide-y divide-gray-200 dark:divide-gray-700">
+        <div className="space-y-2 pt-6 pb-8 md:space-y-5">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+            Tour
+          </h1>
+        </div>
+        <div className="container py-12">
+          <div className="flex flex-wrap">
+            {tourData.length ? (
+              tourData.map((d) => (
+                <TourDate
+                  key={d.date}
+                  date={d.date}
+                  venue={d.venue}
+                  details={d.details}
+                  tickets={d.tickets}
+                />
+              ))
+            ) : (
+              <p className="pb-2">No dates scheduled.</p>
+            )}
+          </div>
+          <p className="pt-10">
+            <a
+              href="/tour-archive"
+              className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
+            >
+              View our past tour dates →
+            </a>
+          </p>
+        </div>
+      </div>
+    </>
+  )
+}