From c0b7d7eef720440cf4f73abed526a2dfb3cacbb0 Mon Sep 17 00:00:00 2001
From: Francisco Mazzoni <francisco@supabase.io>
Date: Mon, 28 Nov 2022 21:05:55 -0300
Subject: [PATCH] fixes for gold styling

---
 apps/www/components/LaunchWeek/Ticket/ticket-form.tsx  |  1 +
 .../components/LaunchWeek/Ticket/ticket-profile.tsx    |  4 +++-
 .../www/components/LaunchWeek/Ticket/ticket-visual.tsx |  4 +++-
 apps/www/components/LaunchWeek/Ticket/ticket.tsx       |  8 ++++----
 apps/www/pages/launch-week/index.tsx                   | 10 +++++-----
 apps/www/styles/index.css                              |  4 ++--
 6 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
index 04417a13898..2dfbbf186d3 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
@@ -62,6 +62,7 @@ export default function Form({ defaultUsername = '', setTicketGenerationState }:
           options: { redirectTo: `${SITE_ORIGIN}/launch-week/tickets` },
         })
       }}
+      className="flex flex-col items-center xl:block"
     >
       <div>
         <button
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
index a8556d42f8c..9bf6e0b7653 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
@@ -43,7 +43,9 @@ export default function TicketProfile({
           <span
             className={`${cn(styles.skeleton, styles.wrapper, {
               [styles.show]: ticketGenerationState === 'loading',
-            })} text-4xl`}
+            })} text-4xl bg-gradient-to-r ${
+              golden ? 'to-[#ffe8af]' : 'to-slate-900'
+            } from-white via-white bg-clip-text text-transparent`}
           >
             {name || username || 'Your Name'}
           </span>
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
index 5c662583d05..9c697430827 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
@@ -75,7 +75,9 @@ export default function TicketVisual({
             <div
               className={`${cn(styles['ticket-number'], {
                 [styles['ticket-number-golden']]: golden,
-              })} bg-gradient-to-r from-white via-white to-black bg-clip-text text-transparent`}
+              })} bg-gradient-to-r  from-white via-white ${
+                golden ? 'to-[#ffe8af]' : 'to-slate-900'
+              } bg-clip-text !text-transparent`}
             >
               <TicketNumber number={ticketNumber} />
             </div>
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.tsx b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
index 87690fd26ad..12d95e9f278 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
@@ -45,7 +45,7 @@ export default function Ticket({ username, name, ticketNumber, sharePage, golden
   //     scrollTo(divRef.current, -30)
   //   }
   // }, [divRef, sharePage])
-  golden = true
+  // golden = true
   return (
     <div
       className={cn(styles['ticket-layout'], {
@@ -53,7 +53,7 @@ export default function Ticket({ username, name, ticketNumber, sharePage, golden
       })}
     >
       <div ref={divRef}>
-        <div className={styles['ticket-text']}>
+        <div className={`${styles['ticket-text']} flex flex-col items-center xl:block`}>
           <h2 className={cn(styles.hero, styleUtils.appear, styleUtils['appear-first'])}>
             {sharePage ? (
               name ? (
@@ -62,9 +62,9 @@ export default function Ticket({ username, name, ticketNumber, sharePage, golden
                 <>{SITE_NAME}</>
               )
             ) : golden ? (
-              <>
+              <p className="text-2xl dark:text-white mb-4">
                 You won a golden ticket! <br /> Claim it now!
-              </>
+              </p>
             ) : (
               <p className="text-2xl dark:text-white mb-4">Congratulations, you have a ticket!</p>
             )}
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index f07fcd1eb2e..1dfaa54f05b 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -12,7 +12,7 @@ import { WeekDayProps } from '~/components/LaunchWeek/types'
 import { ArrowRightIcon } from '@heroicons/react/outline'
 import { Badge, Modal } from 'ui'
 import { useEffect, useState } from 'react'
-import { createClient } from '@supabase/supabase-js'
+import { createClient, Session } from '@supabase/supabase-js'
 import { useRouter } from 'next/router'
 import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
 
@@ -60,7 +60,7 @@ export default function launchweek() {
         }}
       />
       <DefaultLayout>
-        <SectionContainer className="flex flex-col !pb-0 items-center lg:pt-32 gap-4">
+        <SectionContainer className="flex flex-col !pb-24 items-center lg:pt-32 gap-4">
           <img
             src="/images/launchweek/launchweek-logo--light.svg"
             className="md:40 w-40 dark:hidden lg:w-80"
@@ -73,12 +73,12 @@ export default function launchweek() {
           {/* <LaunchHero /> */}
           {/* {!shippingHasStarted && <PreLaunchTeaser />} */}
         </SectionContainer>
-        <SectionContainer className="flex flex-col gap-2 items-center max-w-[420px] text-center !pb-4">
-          {/* <span className="text-scale-1200">Coming soon</span>
+        {/* <SectionContainer className="flex flex-col gap-2 items-center max-w-[420px] text-center !pb-4"> */}
+        {/* <span className="text-scale-1200">Coming soon</span>
           <p className="text-scale-1000 text-sm">
             Register to get your ticket and stay tuned all week for daily announcements
           </p> */}
-        </SectionContainer>
+        {/* </SectionContainer> */}
         <SectionContainer className="flex flex-col items-center !p-0">
           {/* <form className="m-4 flex bg-scale-200 border-scale-600 border-2 rounded-full p-0.5 pl-1 min-w-[260px]">
             <input
diff --git a/apps/www/styles/index.css b/apps/www/styles/index.css
index b4c951bf75a..3ebbbfb7d68 100644
--- a/apps/www/styles/index.css
+++ b/apps/www/styles/index.css
@@ -435,7 +435,7 @@ launch week
   position: relative;
   background: radial-gradient(
     circle at 50% -100%,
-    rgba(0, 155, 112, 1) 0%,
+    #2d626a 0%,
     rgba(28, 28, 28, 1) 70%,
     rgba(28, 28, 28, 1) 100%
   );
@@ -443,7 +443,7 @@ launch week
 
 .flair-mask-a {
   position: absolute;
-  background-color: var(--colors-brand8);
+  background-color: #2f5f66;
   left: 0;
   top: 0;
   width: 100%;