From d7bfa653df5813e1f4afe42fa30649c84a816a0a Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <dmytropostolov@gmail.com>
Date: Fri, 25 Aug 2023 15:08:56 +0200
Subject: [PATCH 1/4] add conf/attendee page

---
 package.json                |  4 +--
 src/pages/conf/attendee.tsx | 64 +++++++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/conf/attendee.tsx

diff --git a/package.json b/package.json
index 422618ec06..9d6b839b61 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "develop": "gatsby develop",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,md}\"",
-    "start": "npm run develop",
+    "start": "yarn develop",
     "serve": "gatsby serve",
     "clean": "gatsby clean",
     "lint": "eslint --ignore-path .gitignore .",
@@ -67,4 +67,4 @@
     "tailwindcss": "3.3.2",
     "typescript": "5.1.3"
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/conf/attendee.tsx b/src/pages/conf/attendee.tsx
new file mode 100644
index 0000000000..609c010dde
--- /dev/null
+++ b/src/pages/conf/attendee.tsx
@@ -0,0 +1,64 @@
+import React from "react"
+import LayoutConf from "../../components/Conf/Layout"
+import HeaderConf from "../../components/Conf/Header"
+// import ButtonConf from "../../components/Conf/Button"
+import clsx from "clsx"
+import { PageProps, HeadProps } from "gatsby"
+import SeoConf from "../../components/Conf/Seo"
+
+export default ({ location }: PageProps) => {
+  const { href, search } = location
+  // const text = "Nice! I got my @GraphQLConf ticket! Get yours too!"
+  return (
+    <LayoutConf>
+      <HeaderConf />
+      <div className="bg-white h-screen">
+        <div className="prose lg:prose-lg mx-auto py-10 max-sm:px-4">
+          <h1>Your ticket for GraphQLConf</h1>
+          <section className="px-0 my-8">
+            <div className="flex gap-4 flex-row flex-wrap">
+              {/*<ButtonConf*/}
+              {/*  href={`https://twitter.com/intent/tweet?url=${href}&text=${text}`}*/}
+              {/*>*/}
+              {/*  Share on X / Twitter*/}
+              {/*</ButtonConf>*/}
+              <button
+                className={clsx(
+                  "cursor-pointer transition ease-in-out no-underline inline-flex text-center w-[fit-content] border-0 py-2 px-6 focus:outline-none hover:drop-shadow-md hover:[transform:scale(1.05)] rounded text-sm sm:text-base whitespace-nowrap",
+                  "bg-[--rhodamine] text-white font-medium"
+                )}
+                onClick={async () => {
+                  try {
+                    await navigator.clipboard.writeText(href)
+                    console.log("Content copied to clipboard")
+                  } catch (err) {
+                    console.error("Failed to copy:", err)
+                  }
+                }}
+              >
+                Share URL
+              </button>
+            </div>
+          </section>
+        </div>
+        <img
+          src={`https://og-image.the-guild.dev/conf${search}`}
+          className="block mx-auto"
+        />
+      </div>
+    </LayoutConf>
+  )
+}
+
+export function Head(props: HeadProps) {
+  return (
+    <SeoConf
+      title="My ticker"
+      ogImage={{
+        url: `https://og-image.the-guild.dev/conf${window.location.search}`,
+        width: 1200,
+        height: 600,
+      }}
+    />
+  )
+}

From 9b7df1d8b6ef7c6247098b67b88dc8f843c2ba7f Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <dmytropostolov@gmail.com>
Date: Fri, 25 Aug 2023 15:09:59 +0200
Subject: [PATCH 2/4] fix typo

---
 src/pages/conf/attendee.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/conf/attendee.tsx b/src/pages/conf/attendee.tsx
index 609c010dde..1966e30b3b 100644
--- a/src/pages/conf/attendee.tsx
+++ b/src/pages/conf/attendee.tsx
@@ -53,7 +53,7 @@ export default ({ location }: PageProps) => {
 export function Head(props: HeadProps) {
   return (
     <SeoConf
-      title="My ticker"
+      title="My ticket"
       ogImage={{
         url: `https://og-image.the-guild.dev/conf${window.location.search}`,
         width: 1200,

From 775acff6ef3b59aed96bad35d3fa52f7d0ce15b2 Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <dmytropostolov@gmail.com>
Date: Fri, 25 Aug 2023 17:15:26 +0200
Subject: [PATCH 3/4] use @reach/router

---
 src/pages/conf/attendee.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/conf/attendee.tsx b/src/pages/conf/attendee.tsx
index 1966e30b3b..8c84b9c593 100644
--- a/src/pages/conf/attendee.tsx
+++ b/src/pages/conf/attendee.tsx
@@ -5,6 +5,7 @@ import HeaderConf from "../../components/Conf/Header"
 import clsx from "clsx"
 import { PageProps, HeadProps } from "gatsby"
 import SeoConf from "../../components/Conf/Seo"
+import { useLocation } from "@reach/router"
 
 export default ({ location }: PageProps) => {
   const { href, search } = location
@@ -50,12 +51,13 @@ export default ({ location }: PageProps) => {
   )
 }
 
-export function Head(props: HeadProps) {
+export function Head(_props: HeadProps) {
+  const location = useLocation()
   return (
     <SeoConf
       title="My ticket"
       ogImage={{
-        url: `https://og-image.the-guild.dev/conf${window.location.search}`,
+        url: `https://og-image.the-guild.dev/conf${location.search}`,
         width: 1200,
         height: 600,
       }}

From 907cd679d96d83b7debc500b8ee46db945f4496e Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <dmytropostolov@gmail.com>
Date: Fri, 25 Aug 2023 18:55:48 +0200
Subject: [PATCH 4/4] uselocation

---
 src/pages/conf/attendee.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/conf/attendee.tsx b/src/pages/conf/attendee.tsx
index 8c84b9c593..e05447611b 100644
--- a/src/pages/conf/attendee.tsx
+++ b/src/pages/conf/attendee.tsx
@@ -7,8 +7,8 @@ import { PageProps, HeadProps } from "gatsby"
 import SeoConf from "../../components/Conf/Seo"
 import { useLocation } from "@reach/router"
 
-export default ({ location }: PageProps) => {
-  const { href, search } = location
+export default (_props: PageProps) => {
+  const { href, search } = useLocation()
   // const text = "Nice! I got my @GraphQLConf ticket! Get yours too!"
   return (
     <LayoutConf>
@@ -52,12 +52,12 @@ export default ({ location }: PageProps) => {
 }
 
 export function Head(_props: HeadProps) {
-  const location = useLocation()
+  const { search } = useLocation()
   return (
     <SeoConf
       title="My ticket"
       ogImage={{
-        url: `https://og-image.the-guild.dev/conf${location.search}`,
+        url: `https://og-image.the-guild.dev/conf${search}`,
         width: 1200,
         height: 600,
       }}