Skip to content

Commit 06e4556

Browse files
didierkruxdidierkrux
committed
add quest + supporter guides
1 parent c39d3a0 commit 06e4556

2 files changed

Lines changed: 161 additions & 0 deletions

File tree

‎devconnect/src/pages/api/notion/[...id].ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -519,6 +519,8 @@ async function handleGet(req: NextApiRequest, res: NextApiResponse, pageId: stri
519519
descriptionLinks: {
520520
'attached insurance guide': process.env.ACCREDITATION_INSURANCE_GUIDE || '',
521521
'accreditation claiming guide': process.env.ACCREDITATION_CLAIMING_GUIDE || '',
522+
'poap creation guide': process.env.POAP_CREATION_GUIDE || '',
523+
'supporter quest documentation': process.env.SUPPORTER_QUEST_DOCUMENTATION || '',
522524
'Devconnect ARG Terms & Conditions': 'https://drive.google.com/file/d/1QHOHnvlZ-KvY8lE97bcmF176fgdyCjmt/view',
523525
'Devconnect ARG Code of Conduct': 'https://drive.google.com/file/d/1OgE4JTQwB0vkCHYpsmxZeHvkzQ5bjiSN/view',
524526
}

‎devconnect/src/pages/form/[name]/[id].tsx‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1954,6 +1954,165 @@ export default function UpdatePage({ params }: { params?: { name: string; id: st
19541954
</div>
19551955
)}
19561956

1957+
{/* Quest Guides - Only show for quest pages with successful data load */}
1958+
{pageName === 'quest' &&
1959+
fields.length > 0 &&
1960+
(descriptionLinks['poap creation guide'] || descriptionLinks['supporter quest documentation']) && (
1961+
<div
1962+
style={{
1963+
marginTop: '3rem',
1964+
padding: '2rem',
1965+
backgroundColor: '#f8f9fa',
1966+
borderRadius: '8px',
1967+
border: '1px solid #e9ecef',
1968+
textAlign: 'center',
1969+
}}
1970+
>
1971+
<h3
1972+
style={{
1973+
margin: '0 0 1rem 0',
1974+
fontSize: '1.2rem',
1975+
fontWeight: '600',
1976+
color: '#333',
1977+
}}
1978+
>
1979+
Need Help with Quests?
1980+
</h3>
1981+
<p
1982+
style={{
1983+
margin: '0 0 1.5rem 0',
1984+
color: '#666',
1985+
fontSize: '1rem',
1986+
}}
1987+
>
1988+
Check out our guides for detailed instructions and support.
1989+
</p>
1990+
<div style={{ display: 'flex', flexWrap: 'wrap', gap: '1rem', justifyContent: 'center' }}>
1991+
{descriptionLinks['poap creation guide'] && (
1992+
<a
1993+
href={descriptionLinks['poap creation guide']}
1994+
target="_blank"
1995+
rel="noopener noreferrer"
1996+
style={{
1997+
display: 'inline-flex',
1998+
alignItems: 'center',
1999+
gap: '0.5rem',
2000+
padding: '0.75rem 1.5rem',
2001+
backgroundColor: '#968cff',
2002+
color: 'white',
2003+
textDecoration: 'none',
2004+
borderRadius: '6px',
2005+
fontSize: '1rem',
2006+
fontWeight: '500',
2007+
transition: 'background-color 0.2s ease',
2008+
}}
2009+
onMouseEnter={e => {
2010+
e.currentTarget.style.backgroundColor = '#473e6b'
2011+
}}
2012+
onMouseLeave={e => {
2013+
e.currentTarget.style.backgroundColor = '#968cff'
2014+
}}
2015+
>
2016+
<img
2017+
src="https://poap.xyz/apple-touch-icon.png"
2018+
alt=""
2019+
style={{
2020+
width: '20px',
2021+
height: '20px',
2022+
borderRadius: '4px',
2023+
}}
2024+
/>
2025+
<span>POAP Creation Guide</span>
2026+
</a>
2027+
)}
2028+
{descriptionLinks['supporter quest documentation'] && (
2029+
<a
2030+
href={descriptionLinks['supporter quest documentation']}
2031+
target="_blank"
2032+
rel="noopener noreferrer"
2033+
style={{
2034+
display: 'inline-block',
2035+
padding: '0.75rem 1.5rem',
2036+
backgroundColor: '#007bff',
2037+
color: 'white',
2038+
textDecoration: 'none',
2039+
borderRadius: '6px',
2040+
fontSize: '1rem',
2041+
fontWeight: '500',
2042+
transition: 'background-color 0.2s ease',
2043+
}}
2044+
onMouseEnter={e => {
2045+
e.currentTarget.style.backgroundColor = '#0056b3'
2046+
}}
2047+
onMouseLeave={e => {
2048+
e.currentTarget.style.backgroundColor = '#007bff'
2049+
}}
2050+
>
2051+
📖 Supporter Quest Documentation
2052+
</a>
2053+
)}
2054+
</div>
2055+
</div>
2056+
)}
2057+
2058+
{/* supporter quest documentation - Only show for supporter pages with successful data load */}
2059+
{pageName === 'supporter' && descriptionLinks['supporter quest documentation'] && fields.length > 0 && (
2060+
<div
2061+
style={{
2062+
marginTop: '3rem',
2063+
padding: '2rem',
2064+
backgroundColor: '#f8f9fa',
2065+
borderRadius: '8px',
2066+
border: '1px solid #e9ecef',
2067+
textAlign: 'center',
2068+
}}
2069+
>
2070+
<h3
2071+
style={{
2072+
margin: '0 0 1rem 0',
2073+
fontSize: '1.2rem',
2074+
fontWeight: '600',
2075+
color: '#333',
2076+
}}
2077+
>
2078+
Need Help with Supporter Quests?
2079+
</h3>
2080+
<p
2081+
style={{
2082+
margin: '0 0 1.5rem 0',
2083+
color: '#666',
2084+
fontSize: '1rem',
2085+
}}
2086+
>
2087+
Check out our Supporter Quest Documentation for detailed instructions and support.
2088+
</p>
2089+
<a
2090+
href={descriptionLinks['supporter quest documentation']}
2091+
target="_blank"
2092+
rel="noopener noreferrer"
2093+
style={{
2094+
display: 'inline-block',
2095+
padding: '0.75rem 1.5rem',
2096+
backgroundColor: '#007bff',
2097+
color: 'white',
2098+
textDecoration: 'none',
2099+
borderRadius: '6px',
2100+
fontSize: '1rem',
2101+
fontWeight: '500',
2102+
transition: 'background-color 0.2s ease',
2103+
}}
2104+
onMouseEnter={e => {
2105+
e.currentTarget.style.backgroundColor = '#0056b3'
2106+
}}
2107+
onMouseLeave={e => {
2108+
e.currentTarget.style.backgroundColor = '#007bff'
2109+
}}
2110+
>
2111+
📖 View Supporter Quest Documentation
2112+
</a>
2113+
</div>
2114+
)}
2115+
19572116
{/* Help Links - Only show for org pages with successful data load */}
19582117
{pageName === 'org' && Object.keys(orgDescriptionLinks).length > 0 && subItems.length > 0 && (
19592118
<div

0 commit comments

Comments
 (0)