> ## Documentation Index > Fetch the complete documentation index at: https://doc.sensolus.com/llms.txt > Use this file to discover all available pages before exploring further. # TRACK 1101 > TRACK 1101 export const HeaderBadge = ({type, checkDms = false}) => { function addGroupBadge(h1Id) { const h1Element = document.getElementById(h1Id); if (!h1Element) { console.error(`Element with ID "${h1Id}" not found`); return; } if (h1Element.querySelector('.header-badge')) { console.warn('Header badge already exists on this element'); return; } const badge = document.createElement('span'); badge.className = 'header-badge'; var badgeText; var badgeColor; switch (type) { case 'public': badgeText = 'Public'; badgeColor = '#858585ff'; break; case 'end-user': badgeText = 'End-User'; badgeColor = '#0071a1'; break; case 'multi-org': badgeText = 'Multi-Org'; badgeColor = '#0071a1'; break; case 'partner': badgeText = 'Partner'; badgeColor = '#0071a1'; break; case 'partner-pricing-eu': badgeText = 'Partner-EU'; badgeColor = '#0071a1'; break; case 'partner-pricing-us': badgeText = 'Partner-US'; badgeColor = '#0071a1'; break; case 'partner-pricing-world': badgeText = 'Partner-World'; badgeColor = '#0071a1'; break; case 'sensolus-internal': badgeText = 'Sensolus only'; badgeColor = '#ffa858'; break; default: badgeText = type; badgeColor = '#ffa858'; } badge.textContent = badgeText; badge.style.cssText = ` background-color: ${badgeColor}; color: white; padding: 0.3em 0.8em 0.3em 0.8em; border-radius: 6px; font-size: 0.4em; margin-left: 20px; vertical-align: middle; `; h1Element.appendChild(badge); } function checkDocumentationServerAccess(type) { fetch('https://cloud.sensolus.com/documentation/user', { method: 'GET', headers: { 'Accept': 'application/json' }, credentials: 'include' }).then(response => { if (!response.ok) { console.error('Could not fetch documentation server user:', response); } return response.json(); }).then(user => { const compatibleGroups = { "NORMAL": ["end-user", "public"], "PUBLIC": ["public"], "PARTNER": ["partner", "public", "end-user", "multi-org"], "MULTI_ORG": ["multi-org", "public", "end-user"], "SYSTEM": ["public", "end-user", "multi-org", "partner", "sensolus-internal"] }; const allowedGroups = compatibleGroups[user.orgType] || []; const compatiblePriceListGroups = { "EU": ["partner-pricing-eu"], "US": ["partner-pricing-us"], "WORLD": ["partner-pricing-eu", "partner-pricing-us", "partner-pricing-world"] }; allowedGroups.push(...compatiblePriceListGroups[user.orgType === "SYSTEM" ? "WORLD" : user.priceList] || []); if (!allowedGroups.includes(type)) { if (user.orgType === 'PUBLIC') { window.location.href = '/login?redirect=' + encodeURIComponent(window.location.pathname); } else { window.location.href = '/logout'; } } addGroupBadge("page-title"); }).catch(error => { console.error('Could not fetch documentation server user:', error); addGroupBadge("page-title"); }); } useEffect(() => { console.info("adding badge"); addGroupBadge("page-title"); }); useEffect(() => { console.info("checking server access for type" + type); if (type && type !== 'public' && checkDms) { checkDocumentationServerAccess(type); } }, [type]); return <>; }; **Description**:
**Access level**: public
**Reference**: SDOC-498608282-1358
**Download**: [PDF](https://cloud.sensolus.com/documentation/dms/SDOC-498608282-1358)