Skip to content

Commit c041c96

Browse files
didierkruxdidierkrux
committed
Accreditation Claiming Guide
1 parent febc666 commit c041c96

1 file changed

Lines changed: 83 additions & 116 deletions

File tree

  • devconnect/src/pages/form/[name]

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

Lines changed: 83 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -635,6 +635,34 @@ export default function UpdatePage({ params }: { params?: { name: string; id: st
635635
>
636636
{isOk ? '' : 'All fields are now read-only.'}
637637
</p>
638+
{pageName === 'accreditation' && descriptionLinks['accreditation claiming guide'] && (
639+
<div style={{ marginTop: '1rem' }}>
640+
<a
641+
href={descriptionLinks['accreditation claiming guide']}
642+
target="_blank"
643+
rel="noopener noreferrer"
644+
style={{
645+
display: 'inline-block',
646+
padding: '0.5rem 1rem',
647+
backgroundColor: '#28a745',
648+
color: 'white',
649+
textDecoration: 'none',
650+
borderRadius: '6px',
651+
fontSize: '0.9rem',
652+
fontWeight: '500',
653+
transition: 'background-color 0.2s ease',
654+
}}
655+
onMouseEnter={e => {
656+
e.currentTarget.style.backgroundColor = '#218838'
657+
}}
658+
onMouseLeave={e => {
659+
e.currentTarget.style.backgroundColor = '#28a745'
660+
}}
661+
>
662+
View Accreditation Claiming Guide
663+
</a>
664+
</div>
665+
)}
638666
</div>
639667
)}
640668

@@ -1861,122 +1889,61 @@ export default function UpdatePage({ params }: { params?: { name: string; id: st
18611889
)}
18621890

18631891
{/* Accreditation Guide Link - Only show for accreditation pages with successful data load */}
1864-
{pageName === 'accreditation' && fields.length > 0 && (
1865-
<>
1866-
{isLocked && descriptionLinks['accreditation claiming guide'] ? (
1867-
<div
1868-
style={{
1869-
marginTop: '3rem',
1870-
padding: '2rem',
1871-
backgroundColor: '#f8f9fa',
1872-
borderRadius: '8px',
1873-
border: '1px solid #e9ecef',
1874-
textAlign: 'center',
1875-
}}
1876-
>
1877-
<h3
1878-
style={{
1879-
margin: '0 0 1rem 0',
1880-
fontSize: '1.2rem',
1881-
fontWeight: '600',
1882-
color: '#333',
1883-
}}
1884-
>
1885-
Need Help Claiming Your Accreditation?
1886-
</h3>
1887-
<p
1888-
style={{
1889-
margin: '0 0 1.5rem 0',
1890-
color: '#666',
1891-
fontSize: '1rem',
1892-
}}
1893-
>
1894-
Check out our accreditation claiming guide for detailed instructions on how to claim your accreditation.
1895-
</p>
1896-
<a
1897-
href={descriptionLinks['accreditation claiming guide']}
1898-
target="_blank"
1899-
rel="noopener noreferrer"
1900-
style={{
1901-
display: 'inline-block',
1902-
padding: '0.75rem 1.5rem',
1903-
backgroundColor: '#28a745',
1904-
color: 'white',
1905-
textDecoration: 'none',
1906-
borderRadius: '6px',
1907-
fontSize: '1rem',
1908-
fontWeight: '500',
1909-
transition: 'background-color 0.2s ease',
1910-
}}
1911-
onMouseEnter={e => {
1912-
e.currentTarget.style.backgroundColor = '#218838'
1913-
}}
1914-
onMouseLeave={e => {
1915-
e.currentTarget.style.backgroundColor = '#28a745'
1916-
}}
1917-
>
1918-
☑️ View Claiming Guide
1919-
</a>
1920-
</div>
1921-
) : (
1922-
descriptionLinks['attached insurance guide'] && (
1923-
<div
1924-
style={{
1925-
marginTop: '3rem',
1926-
padding: '2rem',
1927-
backgroundColor: '#f8f9fa',
1928-
borderRadius: '8px',
1929-
border: '1px solid #e9ecef',
1930-
textAlign: 'center',
1931-
}}
1932-
>
1933-
<h3
1934-
style={{
1935-
margin: '0 0 1rem 0',
1936-
fontSize: '1.2rem',
1937-
fontWeight: '600',
1938-
color: '#333',
1939-
}}
1940-
>
1941-
Need Help with Insurance?
1942-
</h3>
1943-
<p
1944-
style={{
1945-
margin: '0 0 1.5rem 0',
1946-
color: '#666',
1947-
fontSize: '1rem',
1948-
}}
1949-
>
1950-
Check out our accreditation insurance guide for detailed instructions and support.
1951-
</p>
1952-
<a
1953-
href={descriptionLinks['attached insurance guide']}
1954-
target="_blank"
1955-
rel="noopener noreferrer"
1956-
style={{
1957-
display: 'inline-block',
1958-
padding: '0.75rem 1.5rem',
1959-
backgroundColor: '#28a745',
1960-
color: 'white',
1961-
textDecoration: 'none',
1962-
borderRadius: '6px',
1963-
fontSize: '1rem',
1964-
fontWeight: '500',
1965-
transition: 'background-color 0.2s ease',
1966-
}}
1967-
onMouseEnter={e => {
1968-
e.currentTarget.style.backgroundColor = '#218838'
1969-
}}
1970-
onMouseLeave={e => {
1971-
e.currentTarget.style.backgroundColor = '#28a745'
1972-
}}
1973-
>
1974-
🛡️ View Insurance Guide
1975-
</a>
1976-
</div>
1977-
)
1978-
)}
1979-
</>
1892+
{pageName === 'accreditation' && descriptionLinks['attached insurance guide'] && fields.length > 0 && (
1893+
<div
1894+
style={{
1895+
marginTop: '3rem',
1896+
padding: '2rem',
1897+
backgroundColor: '#f8f9fa',
1898+
borderRadius: '8px',
1899+
border: '1px solid #e9ecef',
1900+
textAlign: 'center',
1901+
}}
1902+
>
1903+
<h3
1904+
style={{
1905+
margin: '0 0 1rem 0',
1906+
fontSize: '1.2rem',
1907+
fontWeight: '600',
1908+
color: '#333',
1909+
}}
1910+
>
1911+
Need Help with Insurance?
1912+
</h3>
1913+
<p
1914+
style={{
1915+
margin: '0 0 1.5rem 0',
1916+
color: '#666',
1917+
fontSize: '1rem',
1918+
}}
1919+
>
1920+
Check out our accreditation insurance guide for detailed instructions and support.
1921+
</p>
1922+
<a
1923+
href={descriptionLinks['attached insurance guide']}
1924+
target="_blank"
1925+
rel="noopener noreferrer"
1926+
style={{
1927+
display: 'inline-block',
1928+
padding: '0.75rem 1.5rem',
1929+
backgroundColor: '#28a745',
1930+
color: 'white',
1931+
textDecoration: 'none',
1932+
borderRadius: '6px',
1933+
fontSize: '1rem',
1934+
fontWeight: '500',
1935+
transition: 'background-color 0.2s ease',
1936+
}}
1937+
onMouseEnter={e => {
1938+
e.currentTarget.style.backgroundColor = '#218838'
1939+
}}
1940+
onMouseLeave={e => {
1941+
e.currentTarget.style.backgroundColor = '#28a745'
1942+
}}
1943+
>
1944+
🛡️ View Insurance Guide
1945+
</a>
1946+
</div>
19801947
)}
19811948

19821949
{/* Help Links - Only show for org pages with successful data load */}

0 commit comments

Comments
 (0)