@@ -604,7 +604,7 @@ export default function UpdatePage({ params }: { params?: { name: string; id: st
604604 ? 'Form is locked 🔒 - view only'
605605 : fields . filter ( field => field . mode === 'edit' ) . some ( field => field . value && field . value . trim ( ) !== '' )
606606 ? 'Update your information'
607- : 'Submit your information' }
607+ : 'Update your information' }
608608 </ p >
609609 </ div >
610610
@@ -1378,12 +1378,12 @@ export default function UpdatePage({ params }: { params?: { name: string; id: st
13781378 disabled = { isSubmitting }
13791379 >
13801380 { isSubmitting
1381- ? 'Submitting ...'
1381+ ? 'Updating ...'
13821382 : fields
13831383 . filter ( field => field . mode === 'edit' )
13841384 . some ( field => field . value && field . value . trim ( ) !== '' )
13851385 ? 'Update'
1386- : 'Submit ' }
1386+ : 'Update ' }
13871387 </ button >
13881388 </ div >
13891389 ) }
@@ -1954,6 +1954,174 @@ 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 1rem 0' ,
1984+ color : '#666' ,
1985+ fontSize : '1.3rem' ,
1986+ } }
1987+ >
1988+ < b style = { { color : '#000' } } > ⚠️ Don't forget to submit your POAP before the Oct 24th deadline 🗓️</ b >
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+ < p
2056+ style = { {
2057+ margin : '1rem 0 0 0' ,
2058+ color : '#666' ,
2059+ fontSize : '1rem' ,
2060+ } }
2061+ >
2062+ 👆 < b > Design template</ b > available in the POAP Creation Guide.
2063+ </ p >
2064+ </ div >
2065+ ) }
2066+
2067+ { /* supporter quest documentation - Only show for supporter pages with successful data load */ }
2068+ { pageName === 'supporter' && descriptionLinks [ 'supporter quest documentation' ] && fields . length > 0 && (
2069+ < div
2070+ style = { {
2071+ marginTop : '3rem' ,
2072+ padding : '2rem' ,
2073+ backgroundColor : '#f8f9fa' ,
2074+ borderRadius : '8px' ,
2075+ border : '1px solid #e9ecef' ,
2076+ textAlign : 'center' ,
2077+ } }
2078+ >
2079+ < h3
2080+ style = { {
2081+ margin : '0 0 1rem 0' ,
2082+ fontSize : '1.2rem' ,
2083+ fontWeight : '600' ,
2084+ color : '#333' ,
2085+ } }
2086+ >
2087+ Need Help with Supporter Quests?
2088+ </ h3 >
2089+ < p
2090+ style = { {
2091+ margin : '0 0 1.5rem 0' ,
2092+ color : '#666' ,
2093+ fontSize : '1rem' ,
2094+ } }
2095+ >
2096+ Check out our Supporter Quest Documentation for detailed instructions and support.
2097+ </ p >
2098+ < a
2099+ href = { descriptionLinks [ 'supporter quest documentation' ] }
2100+ target = "_blank"
2101+ rel = "noopener noreferrer"
2102+ style = { {
2103+ display : 'inline-block' ,
2104+ padding : '0.75rem 1.5rem' ,
2105+ backgroundColor : '#007bff' ,
2106+ color : 'white' ,
2107+ textDecoration : 'none' ,
2108+ borderRadius : '6px' ,
2109+ fontSize : '1rem' ,
2110+ fontWeight : '500' ,
2111+ transition : 'background-color 0.2s ease' ,
2112+ } }
2113+ onMouseEnter = { e => {
2114+ e . currentTarget . style . backgroundColor = '#0056b3'
2115+ } }
2116+ onMouseLeave = { e => {
2117+ e . currentTarget . style . backgroundColor = '#007bff'
2118+ } }
2119+ >
2120+ 📖 View Supporter Quest Documentation
2121+ </ a >
2122+ </ div >
2123+ ) }
2124+
19572125 { /* Help Links - Only show for org pages with successful data load */ }
19582126 { pageName === 'org' && Object . keys ( orgDescriptionLinks ) . length > 0 && subItems . length > 0 && (
19592127 < div
0 commit comments