| @@ -5,8 +5,9 @@ | ||
| 5 | 5 | import DiscoSidebar from './components/sidebar/Sidebar'; |
| 6 | 6 | import DiscoSupportSection from './components/support/SupportSection'; |
| 7 | 7 | import initialData from './data/docsData'; |
| 8 | 8 | import getDocs from './utils/fetchDocs'; |
| 9 | +import withUtm from './utils/withUtm'; | |
| 9 | 10 | |
| 10 | 11 | export default function App() { |
| 11 | 12 | const [docsData, setDocsData] = useState(initialData); |
| 12 | 13 | const [searchQuery, setSearchQuery] = useState(''); |
| @@ -49,9 +50,9 @@ | ||
| 49 | 50 | const searchResults = query |
| 50 | 51 | ? docsData.flatMap((section) => |
| 51 | 52 | section.items.filter(itemMatches).map((item) => ({ |
| 52 | 53 | title: item.title?.rendered || item.title, |
| 53 | - link: item.link, | |
| 54 | + link: withUtm(item.link, 'help-docs', 'search-result'), | |
| 54 | 55 | section: section.title, |
| 55 | 56 | excerpt: stripHtml( |
| 56 | 57 | item.excerpt?.rendered || item.content?.rendered || '' |
| 57 | 58 | ).slice(0, 100), |
| @@ -59,9 +60,9 @@ | ||
| 59 | 60 | ) |
| 60 | 61 | : []; |
| 61 | 62 | |
| 62 | 63 | return ( |
| 63 | - <div className="disco-py-4 disco-pr-4"> | |
| 64 | + <div className="disco:py-4 disco:pr-4"> | |
| 64 | 65 | <HelpCenter |
| 65 | 66 | searchQuery={searchQuery} |
| 66 | 67 | setSearchQuery={setSearchQuery} |
| 67 | 68 | searchResults={searchResults} |
| @@ -66,10 +67,10 @@ | ||
| 66 | 67 | setSearchQuery={setSearchQuery} |
| 67 | 68 | searchResults={searchResults} |
| 68 | 69 | /> |
| 69 | 70 | {/* Accordions */} |
| 70 | - <div className="disco-flex disco-justify-between disco-gap-5 disco-py-5"> | |
| 71 | - <div className="disco-w-[70%]"> | |
| 71 | + <div className="disco:flex disco:justify-between disco:gap-5 disco:py-5"> | |
| 72 | + <div className="disco:w-[70%]"> | |
| 72 | 73 | <DiscoAccordion docsData={docsData} /> |
| 73 | 74 | {/* Contact Form */} |
| 74 | 75 | <DiscoSupportSection /> |
| 75 | 76 | <DiscoResources /> |
