Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Events page #6957

Merged
merged 7 commits into from
May 22, 2024
Merged

Events page #6957

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
f14f19b
events page
chris-sev May 22, 2024
61b9383
share image
chris-sev May 22, 2024
0b35121
lint fixes
chris-sev May 22, 2024
8723dbd
fixes
chris-sev May 22, 2024
a9aeb5c
added events list
chris-sev May 22, 2024
cce50ab
lint fixes
chris-sev May 22, 2024
c288b3d
lint fix
chris-sev May 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/assets/events/ai-dev-tools-night.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
142 changes: 142 additions & 0 deletions src/components/EventsList.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
import { ContentSection } from './ContentSection'
import { Heading } from './Heading'
import { Tabs } from './Tabs'

const events = {
upcoming: [
{
title: 'Collision',
location: 'Toronto',
date: 'Jun 17-20, 2024',
link: 'https://collisionconf.com/',
},
{
title: 'AI Dev Tools Night',
location: 'San Francisco, CA',
date: 'Jun 24, 2024',
link: 'https://lu.ma/ai-devtools-night',
},
{
title: 'AI Engineer World’s Fair',
location: 'San Francisco, CA',
date: 'Jun 25-27, 2024',
link: 'https://www.ai.engineer/worldsfair',
},
{
title: 'designFAO',
location: 'Portugal',
date: 'Oct 11, 2024',
link: 'https://friends.figma.com/events/details/figma-portugal-presents-designfao-partner-event-2/',
},
],
past: [
{
title: 'Learning TypeScript Livestream',
location: 'YouTube',
date: 'Mar 20, 2024',
},
{
title: 'AWS: ReInvent',
location: 'Las Vegas, NV',
date: 'Nov 29, 2023',
},
{
title: 'KubeCon',
location: 'Chicago, IL',
date: 'Nov 6, 2023',
},
{
title: 'React Advanced',
location: 'London, UK',
date: 'Oct 20, 2023',
},
{
title: 'AI Engineer Summit',
location: 'San Francisco, CA',
date: 'Oct 8, 2023',
},
{
title: 'GopherCon',
location: 'San Diego, CA',
date: 'Oct 2, 2023',
},
{
title: 'Open Source Summit',
location: 'Vancouver, BC',
date: 'May 10, 2023',
},
{
title: 'PyCon',
location: 'Salt Lake City, UT',
date: 'Apr 9, 2023',
},
],
}

const EventsList = (): JSX.Element => (
<ContentSection parentClassName="md:pt-16" className="lg:px-6">
<div className="flex flex-col justify-between md:flex-row">
<div className="max-w-lg pt-16 pb-[52px] md:py-0">
<Heading size="h2" className="mb-6 text-center !leading-[40px] !tracking-[-1px] md:text-left">
Events
</Heading>
<p className="pr-5 text-center text-lg tracking-[-0.25px] md:text-left">
Sourcegraph actively participates in prominent industry events. We’re always eager to engage with
fellow developers, potential partners, and talented individuals seeking career opportunities.
<br />
<br />
If you spot us at an event, don’t hesitate to approach — we’d love to connect and share our passion
for code with you.
</p>
</div>
<Tabs
tabs={[
{
key: 'upcoming_events',
title: 'Upcoming',
content: (
<ul className="ml-0 list-outside list-none text-center md:text-left">
{events.upcoming.map(event => (
<li key={event.title} className="p-[25px]">
<Heading size="h6">{event.date}</Heading>
{event.link ? (
<Heading size="h4">
<a href={event.link} target="_blank" rel="noopener noreferrer">
{event.title}
</a>
</Heading>
) : (
<Heading size="h4">{event.title}</Heading>
)}
<p className="mb-0 text-base tracking-[-0.25px]">{event.location}</p>
</li>
))}
</ul>
),
className: 'pt-0 w-full text-2xl leading-[34px] pb-4',
},
{
key: 'past_events',
title: 'Past',
content: (
<ul className="ml-0 list-outside list-none text-center md:text-left">
{events.past.map(event => (
<li key={event.title} className="p-[25px]">
<Heading size="h6">{event.date}</Heading>
<Heading size="h4">{event.title}</Heading>
<p className="mb-0 text-base tracking-[-0.25px]">{event.location}</p>
</li>
))}
</ul>
),
className: 'pt-0 w-full text-2xl leading-[34px] pb-4',
},
]}
tabsWrapperClassName="md:w-[548px] max-w-[548px] bg-white border px-6 py-9 bg-gradient-to-b from-white from-7.29% to-gray-50 to-88.08% rounded-lg"
contentClassName="pt-9 pb-0"
/>
</div>
</ContentSection>
)

export default EventsList
141 changes: 5 additions & 136 deletions src/pages/community.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,86 +4,16 @@ import { GetStaticProps } from 'next'
import Link from 'next/link'
import { FaDiscord, FaGithub } from 'react-icons/fa'

import { ContentSection, Layout, Tabs, Heading } from '../components'
import { ContentSection, Layout, Heading } from '../components'
import { PostsList } from '../components/Blog/PostsList'
import EventsList from '../components/EventsList'
import { buttonStyle, buttonLocation } from '../data/tracking'
import { useLoadMoreAndSearch } from '../hooks/loadMoreAndSearch'
import { Post, PostIndexComponentProps } from '../interfaces/posts'
import { getAllPublishedBlogPosts } from '../lib'

const socialMediaStyles = 'text-xl text-gray-400 hover:text-gray-300 transition-colors duration-300'

const events = {
upcoming: [
{
title: 'Collision',
location: 'Toronto',
date: 'Jun 17-20, 2024',
link: 'https://collisionconf.com/',
},
{
title: 'AI Dev Tools Night',
location: 'San Francisco, CA',
date: 'Jun 24, 2024',
link: 'https://lu.ma/ai-devtools-night',
},
{
title: 'AI Engineer World’s Fair',
location: 'San Francisco, CA',
date: 'Jun 25-27, 2024',
link: 'https://www.ai.engineer/worldsfair',
},
{
title: 'designFAO',
location: 'Portugal',
date: 'Oct 11, 2024',
link: 'https://friends.figma.com/events/details/figma-portugal-presents-designfao-partner-event-2/',
},
],
past: [
{
title: 'Learning TypeScript Livestream',
location: 'YouTube',
date: 'Mar 20, 2024',
},
{
title: 'AWS: ReInvent',
location: 'Las Vegas, NV',
date: 'Nov 29, 2023',
},
{
title: 'KubeCon',
location: 'Chicago, IL',
date: 'Nov 6, 2023',
},
{
title: 'React Advanced',
location: 'London, UK',
date: 'Oct 20, 2023',
},
{
title: 'AI Engineer Summit',
location: 'San Francisco, CA',
date: 'Oct 8, 2023',
},
{
title: 'GopherCon',
location: 'San Diego, CA',
date: 'Oct 2, 2023',
},
{
title: 'Open Source Summit',
location: 'Vancouver, BC',
date: 'May 10, 2023',
},
{
title: 'PyCon',
location: 'Salt Lake City, UT',
date: 'Apr 9, 2023',
},
],
}

const expertsData = [
{
name: 'Kynlo Akari',
Expand Down Expand Up @@ -305,70 +235,9 @@ const Community: FunctionComponent<PostIndexComponentProps> = ({ posts, allPosts
</div>
</div>
</ContentSection>
<ContentSection parentClassName="md:pt-16" className="lg:px-6">
<div className="flex flex-col justify-between md:flex-row">
<div className="max-w-lg pt-16 pb-[52px] md:py-0">
<Heading size="h2" className="mb-6 text-center !leading-[40px] !tracking-[-1px] md:text-left">
Events
</Heading>
<p className="pr-5 text-center text-lg tracking-[-0.25px] md:text-left">
Sourcegraph actively participates in prominent industry events. We’re always eager to engage
with fellow developers, potential partners, and talented individuals seeking career
opportunities.
<br />
<br />
If you spot us at an event, don’t hesitate to approach — we’d love to connect and share our
passion for code with you.
</p>
</div>
<Tabs
tabs={[
{
key: 'upcoming_events',
title: 'Upcoming',
content: (
<ul className="ml-0 list-outside list-none text-center md:text-left">
{events.upcoming.map(event => (
<li key={event.title} className="p-[25px]">
<Heading size="h6">{event.date}</Heading>
{event.link ? (
<Heading size="h4">
<a href={event.link} target="_blank" rel="noopener noreferrer">
{event.title}
</a>
</Heading>
) : (
<Heading size="h4">{event.title}</Heading>
)}
<p className="mb-0 text-base tracking-[-0.25px]">{event.location}</p>
</li>
))}
</ul>
),
className: 'pt-0 w-full text-2xl leading-[34px] pb-4',
},
{
key: 'past_events',
title: 'Past',
content: (
<ul className="ml-0 list-outside list-none text-center md:text-left">
{events.past.map(event => (
<li key={event.title} className="p-[25px]">
<Heading size="h6">{event.date}</Heading>
<Heading size="h4">{event.title}</Heading>
<p className="mb-0 text-base tracking-[-0.25px]">{event.location}</p>
</li>
))}
</ul>
),
className: 'pt-0 w-full text-2xl leading-[34px] pb-4',
},
]}
tabsWrapperClassName="md:w-[548px] max-w-[548px] bg-white border px-6 py-9 bg-gradient-to-b from-white from-7.29% to-gray-50 to-88.08% rounded-lg"
contentClassName="pt-9 pb-0"
/>
</div>
</ContentSection>

<EventsList />

<ContentSection parentClassName="mt-6 md:mt-0 md:pt-8 md:pb-0" className="lg:px-6">
<Heading size="h2" className="text-center !leading-[40px] !tracking-[-1px] md:text-left">
Blog posts
Expand Down
Loading
Loading