Website/conf/speak: Update text & dynamic display (graphql#1466)

Author: TuvalSimha

src/components/Conf/Speakers/index.tsx

@@ -46,6 +46,10 @@ const speakers: Speaker[] = [
 ]
 
 const SpeakersConf = () => {
+  const today = new Date()
+  const expiredDate = new Date("2023-06-10")
+  const isExpired = expiredDate > today
+
   return (
     // Invisible padding so anchor links align to the header menu
     <div id="speakers" className="-mt-16 pt-16">
@@ -91,11 +95,13 @@ const SpeakersConf = () => {
             challenges facing the growing GraphQL ecosystem. If you have
             something worth sharing, submit an application to speak!
           </p>
-          <div className="my-8">
-            <ButtonConf className="mx-auto" href="/conf/speak/">
-              Submit to Speak
-            </ButtonConf>
-          </div>
+          {isExpired && (
+            <div className="my-8">
+              <ButtonConf className="mx-auto" href="/conf/speak/">
+                Submit to Speak
+              </ButtonConf>
+            </div>
+          )}
         </div>
       </div>
     </div>

src/pages/conf/index.tsx

@@ -13,6 +13,10 @@ import SeoConf, { defaults as seoDefaults } from "../../components/Conf/Seo"
 import { CalendarIcon, GlobeIcon } from "@radix-ui/react-icons"
 
 export default () => {
+  const today = new Date()
+  const expiredDate = new Date("2023-06-10")
+  const isExpired = expiredDate > today
+
   return (
     <LayoutConf>
       <HeaderConf />
@@ -39,7 +43,9 @@ export default () => {
               <div className="flex justify-left gap-4 flex-row flex-wrap">
                 <ButtonConf href="/conf/sponsor/">Join as a Sponsor</ButtonConf>
                 <ButtonConf href="/conf/partner/">Join as a Partner</ButtonConf>
-                <ButtonConf href="/conf/speak/">Submit to Speak</ButtonConf>
+                {isExpired && (
+                  <ButtonConf href="/conf/speak/">Submit to Speak</ButtonConf>
+                )}
               </div>
             </div>
           </div>

src/pages/conf/speak.tsx

@@ -15,7 +15,7 @@ const cfp: Array<{ id: string; title: string; contents: ReactNode }> = [
         items={[
           ["CFP Closes", "Friday, June 9 at 11:59 PM PDT (UTC-7)"],
           ["CFP Notifications", "Wednesday, June 21"],
-          ["Schedule Announcement", "Friday, June 29"],
+          ["Schedule Announcement", "Week of June 26"],
           ["Slide upload deadline to Sched.com", "Friday, September 15"],
           ["Event Date", "Tuesday, September 19 – Thursday, September 21"],
         ]}
@@ -276,6 +276,10 @@ function DL({ items }: { items: [header: string, contents: ReactNode][] }) {
 }
 
 export default () => {
+  const today = new Date()
+  const expiredDate = new Date("2023-06-10")
+  const isExpired = expiredDate > today
+
   return (
     <LayoutConf>
       <HeaderConf />
@@ -297,9 +301,13 @@ export default () => {
               </a>
               .
             </p>
-            <ButtonConf href="https://sessionize.com/graphqlconf2023/">
-              Submit a Proposal
-            </ButtonConf>
+            {isExpired ? (
+              <ButtonConf href="https://sessionize.com/graphqlconf2023/">
+                Submit a Proposal
+              </ButtonConf>
+            ) : (
+              <div className="font-bold"> The CFP has closed.</div>
+            )}
             <p className="italic">
               Please be aware that the Linux Foundation will now be utilizing
               Sessionize for CFP submissions. Sessionize is a cloud-based event