Skip to content

Commit f65c7e2

Browse files
codebyterecodebytere
committed
feat: add a CoC Reporting page
1 parent dcac181 commit f65c7e2

File tree

8 files changed

+122
-37
lines changed

8 files changed

+122
-37
lines changed

‎src/components/Thanks.js

Lines changed: 1 addition & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import React from 'react'
2-
import { Link } from 'gatsby'
32
import styled from 'styled-components'
43

54
const Thanks = styled.ul`
@@ -13,7 +12,7 @@ const Thanks = styled.ul`
1312
}
1413
`
1514

16-
export default ({ thanks, mainOrganizer, site }) => {
15+
export default ({ thanks }) => {
1716
return (
1817
<>
1918
<Thanks>
@@ -25,22 +24,6 @@ export default ({ thanks, mainOrganizer, site }) => {
2524
</li>
2625
))}
2726
</Thanks>
28-
We have a{' '}
29-
<Link state={{ organizer: mainOrganizer, site: site }} to="/code-of-conduct">
30-
Code of Conduct
31-
</Link>
32-
.
33-
<br />
34-
<Link state={{ site: site }} to="/flags">
35-
What's with all the flags?
36-
</Link>
37-
<br />
38-
Follow QueerJS on{' '}
39-
<a href="https://twitter.com/queerjs" title="Follow us on Twitter">
40-
Twitter
41-
</a>
42-
<br />
43-
<br />
4427
</>
4528
)
4629
}

‎src/components/footer/elements.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import styled from 'styled-components'
2+
3+
export const FooterWrap = styled.div`
4+
position:sticky;
5+
bottom:0;
6+
`

‎src/components/footer/index.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import React from 'react'
2+
import { Link } from 'gatsby'
3+
import { FooterWrap } from './elements'
4+
5+
const Footer = () => {
6+
const site = {
7+
title: 'QueerJS',
8+
description: 'A meetup for everyone where Queer Speakers take the stage'
9+
}
10+
11+
return (
12+
<FooterWrap>
13+
We have a{' '}
14+
<Link to="/code-of-conduct"> Code of Conduct</Link>
15+
.
16+
<br />
17+
<Link state={{ site: site }} to="/flags">
18+
What's with all the flags?
19+
</Link>
20+
<br />
21+
Follow QueerJS on{' '}
22+
<a href="https://twitter.com/queerjs" title="Follow us on Twitter">
23+
Twitter
24+
</a>
25+
<br />
26+
<br />
27+
</FooterWrap>
28+
)
29+
}
30+
31+
export default Footer

‎src/components/layout/index.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import React from 'react'
22
import Header from '../header'
33
import { ThemeProvider } from 'styled-components'
44
import { theme, Global, Wrapper, SubWrapper, SideRainbow } from './elements'
5+
import Footer from '../../components/footer'
56

67
const Layout = ({ children, siteTitle }) => (
78
<ThemeProvider theme={theme}>
@@ -11,6 +12,7 @@ const Layout = ({ children, siteTitle }) => (
1112
<Wrapper>
1213
<Header siteTitle={siteTitle} />
1314
<SubWrapper>{children}</SubWrapper>
15+
<Footer/>
1416
</Wrapper>
1517
</>
1618
</ThemeProvider>

‎src/pages/_main.js

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import Panel from '../components/Panel'
1010
import Heading from '../components/Heading'
1111

1212
const Main = ({ city, attendees }) => {
13-
const { site, organizers, mainOrganizer, thanks, speakers, sponsors, info } = city
13+
const { site, thanks, speakers, sponsors, info } = city
1414

1515
return (
1616
<Layout>
@@ -54,12 +54,7 @@ const Main = ({ city, attendees }) => {
5454
</section>
5555

5656
<Panel heading={thanks && thanks.length ? 'Special Thanks' : null}>
57-
<Thanks
58-
organizers={organizers}
59-
thanks={thanks || []}
60-
site={site}
61-
mainOrganizer={(mainOrganizer || []).find(o => o.main)}
62-
/>
57+
<Thanks thanks={thanks || []} />
6358
</Panel>
6459
</Layout>
6560
)

‎src/pages/code-of-conduct.js

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,7 @@ import SEO from '../components/seo'
33
import Layout from '../containers/layout'
44
import Panel from '../components/Panel'
55

6-
const CodeOfConduct = ({ location }) => {
7-
const organizer = (location.state || {}).organizer || {
8-
name: 'Sara Vieira',
9-
phoneNumber: '+351 91 7296 830',
10-
email: '[email protected]',
11-
twitterHandle: '@NikkitaFTW'
12-
}
6+
const CodeOfConduct = () => {
137
return (
148
<Layout>
159
<SEO
@@ -33,7 +27,14 @@ const CodeOfConduct = ({ location }) => {
3327
from all participants to help ensuring a safe environment for everybody.
3428
</p>
3529
<p>
36-
Need Help? Contact {organizer.name} {organizer.phoneNumber}
30+
{' '}
31+
<a
32+
href="/report"
33+
rel="noopener noreferrer"
34+
title="Code of Conduct"
35+
>
36+
Report an Issue
37+
</a>.
3738
</p>
3839

3940
<h2>The Quick Version</h2>
@@ -74,8 +75,15 @@ const CodeOfConduct = ({ location }) => {
7475
please notify a QueerJS organizer as soon as possible.
7576
</p>
7677
<p>
77-
If you can’t find the organizer, reach out to {organizer.name} at {organizer.email} /{' '}
78-
{organizer.phoneNumber} / {organizer.twitterHandle}
78+
If you can’t find the organizer, please
79+
{' '}
80+
<a
81+
href="/report"
82+
rel="noopener noreferrer"
83+
title="Code of Conduct"
84+
>
85+
Report an Issue
86+
</a>.
7987
</p>
8088
<p>
8189
Conference staff will be happy to help participants and assist those experiencing

‎src/pages/flags.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,15 +58,13 @@ const OrganizersPage = ({ location }) => {
5858
</Panel>
5959
</main>
6060
<Thanks
61-
organizers={[]}
6261
thanks={[
6362
{
6463
link: 'https://www.flaticon.com',
6564
name: 'Thank you to flaticon',
6665
reason: 'icons'
6766
}
6867
]}
69-
site={site}
7068
/>
7169
</Layout>
7270
)

‎src/pages/report.js

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import React from 'react'
2+
import SEO from '../components/seo'
3+
import Layout from '../containers/layout'
4+
import Panel from '../components/Panel'
5+
6+
const Report = () => {
7+
const contactInfo = {
8+
email: '[email protected]',
9+
twitterHandle: '@QueerJS'
10+
}
11+
12+
return (
13+
<Layout>
14+
<SEO
15+
title="QueerJS - Code Of Conduct"
16+
description="A meetup for everyone where Queer Speakers take the stage"
17+
/>
18+
<main>
19+
<h1 hidden>Welcome to QueerJS</h1>
20+
<Panel heading="Code of Conduct - Report An Issue">
21+
<section
22+
css={`
23+
line-height: 1.5;
24+
`}
25+
>
26+
<p>
27+
We want QueerJS to be a safe and inclusive environment. That’s why we ask our attendees to follow our
28+
<a
29+
href="/code-of-conduct"
30+
rel="noopener noreferrer"
31+
title="Code of Conduct"
32+
>
33+
Code of Conduct
34+
</a>!
35+
.
36+
</p>
37+
<p>
38+
In the unfortunate case that you see someone violating the code of conduct, here are some ways you can report it to us:
39+
</p>
40+
<ul>
41+
<li>- Send a DM to {contactInfo.twitterHandle}</li>
42+
<li>- Let a
43+
{' '}
44+
<a
45+
href="/organizers"
46+
rel="noopener noreferrer"
47+
title="Code of Conduct"
48+
>
49+
Core Team
50+
</a>
51+
{' '}
52+
organizer know, either in person or via Twitter.</li>
53+
<li>- Send an email to {contactInfo.email}</li>
54+
</ul>
55+
</section>
56+
</Panel>
57+
</main>
58+
</Layout>
59+
)
60+
}
61+
62+
export default Report

0 commit comments

Comments
 (0)