Add an event

.github/workflows/check.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Validate code snippets
         run: pnpm validate:snippets
 
-  playwright:
+  test:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -40,13 +40,16 @@ jobs:
       - name: Install Dependencies
         run: pnpm i
 
+      - name: Run unit tests
+        run: pnpm test:unit
+
         # per the docs: "caching browser binaries is not recommended,
         # since the amount of time it takes to restore the cache is
         # comparable to the time it takes to download the binaries"
       - name: Install Playwright Browsers
         run: ./node_modules/.bin/playwright install --with-deps
 
-      - name: Run Playwright tests
+      - name: Run end-to-end tests
         run: ./node_modules/.bin/playwright test
 
       - uses: actions/upload-artifact@v4
@@ -55,6 +58,3 @@ jobs:
           name: playwright-report
           path: playwright-report/
           retention-days: 30
-
-      - name: Run unit tests
-        run: pnpm test:unit

src/app/(main)/community/events/page.tsx

@@ -1,5 +1,6 @@
 import { Breadcrumbs } from "@/_design-system/breadcrumbs"
 import { meetups } from "@/components/meetups"
+import { Button } from "@/app/conf/_design-system/button"
 
 import { MeetupsMap } from "./meetups-map"
 import { EventsList } from "./events-list"
@@ -9,6 +10,9 @@ import { GetYourMeetupNoticedSection } from "./get-your-meetup-noticed-section"
 import { BringGraphQLToYourCommunity } from "./bring-graphql-to-your-community"
 import dynamic from "next/dynamic"
 
+const ISSUE_TEMPLATE_LINK =
+  "https://github.com/graphql/community-wg/issues/new?assignees=&labels=event&template=event-submission.yml"
+
 const GalleryStrip = dynamic(
   () =>
     import("@/app/conf/2025/components/gallery-strip").then(
@@ -75,10 +79,20 @@ export default function EventsPage() {
 
       {upcomingEvents.length > 0 && (
         <section className="gql-section">
-          <h2 className="typography-h2">Upcoming events</h2>
-          <p className="typography-body-md my-6 lg:mb-12">
-            See what’s coming up across the GraphQL ecosystem.
-          </p>
+          <header className="mb-6 flex w-full gap-4 max-md:flex-col lg:mb-12 lg:gap-6">
+            <div className="flex-1">
+              <h2 className="typography-h2">Upcoming events</h2>
+              <p className="typography-body-md col-start-1 mt-4 lg:mt-6">
+                See what’s coming up across the GraphQL ecosystem.
+              </p>
+            </div>
+            <Button
+              className="w-fit self-end lg:row-span-2"
+              href={ISSUE_TEMPLATE_LINK}
+            >
+              Add a new event
+            </Button>
+          </header>
           <EventsList events={upcomingEvents} />
         </section>
       )}