fix(HTB Academy): update dashboard stats selectors for new DOM (#10286)

* Fix(HTB Academy): update dashboard stats selectors for new DOM

* fix(HTB Academy): simplified version of last commit

* fix(HTB Academy): bumped version

Author: sirschubert

websites/H/HTB Academy/metadata.json

@@ -11,7 +11,7 @@
   },
   "url": "academy.hackthebox.com",
   "regExp": "^https?[:][/][/]academy[.]hackthebox[.]com[/]",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "logo": "https://cdn.rcd.gg/PreMiD/websites/H/HTB%20Academy/assets/logo.jpg",
   "thumbnail": "https://cdn.rcd.gg/PreMiD/websites/H/HTB%20Academy/assets/thumbnail.png",
   "color": "#40a832",

websites/H/HTB Academy/presence.ts

@@ -1,64 +1,62 @@
 const presence = new Presence({
   clientId: '1200517025383075840',
 })
-const browsingTimestamp = Math.floor(Date.now() / 1000)
-const { pathname } = document.location
 
 presence.on('UpdateData', async () => {
+  const { pathname } = document.location
+
   const presenceData: PresenceData = {
     largeImageKey: 'https://cdn.rcd.gg/PreMiD/websites/H/HTB%20Academy/assets/logo.jpg',
-    startTimestamp: browsingTimestamp,
   }
 
   if (pathname === '/' || pathname === '/login') {
     presenceData.details = 'Breaching into the Academy'
   }
+
   else if (pathname.includes('/dashboard')) {
     presenceData.details = 'Browsing the dashboard'
 
-    presenceData.state = `Off: ${document.querySelector('.red .progress')?.textContent} `
-      + `Def: ${document.querySelector('.blue .progress')?.textContent} `
-      + `Gen: ${document.querySelector('.green .progress')?.textContent}`
+    const off = document.querySelector('.redPercent')?.textContent || '0'
+    const def = document.querySelector('.bluePercent')?.textContent || '0'
+    const gen = document.querySelector('.greenPercent')?.textContent || '0'
+
+    presenceData.state = `Off: ${off}% | Def: ${def}% | Gen: ${gen}%`
   }
+
   else if (pathname.includes('/exams')) {
     presenceData.details = 'Browsing the exams'
   }
+
   else if (pathname.includes('/paths')) {
     presenceData.details = 'Browsing paths'
   }
+
   else if (pathname.includes('/modules')) {
     presenceData.details = 'Browsing modules'
   }
-  else if (pathname.includes('/section')) {
-    let module: HTMLElement | null
 
-    if (document.querySelector('.iterminal')) {
-      module = document.querySelector(
-        '#layout-wrapper > div.main-content > div > div:nth-child(2) > div > div > h4',
-      )
-    }
-    else {
-      module = document.querySelector(
-        '#layout-wrapper > div.main-content > div > div:nth-child(1) > div > div > h4',
-      )
-    }
+  else if (pathname.includes('/section')) {
+    const moduleName = document.querySelector('.page-title.mb-0.font-size-18.letter-spacing-1-2')?.textContent
+    const sectionElement = document.querySelector('.breadcrumb-item.active')
+    const sectionName = sectionElement?.textContent?.trim() || 'Reading Section'
 
-    presenceData.details = `Reading Module: ${module?.textContent}`
-    presenceData.state = `Section: ${
-      document.querySelector('.training-module h1')?.textContent
-    }`
+    presenceData.details = `Reading Module: ${moduleName}`
+    presenceData.state = `Section: ${sectionName}`
   }
+
   else if (pathname.includes('/details')) {
+    const title = document.querySelector('.page-title-box .page-title')?.textContent?.trim()
     presenceData.details = 'Reading details about module:'
-    presenceData.state = `"${
-      document.querySelector('.page-title-box .page-title')?.textContent
-    }"`
+    presenceData.state = title ? `"${title}"` : 'Unknown Module'
   }
+
   else if (pathname.includes('/my-certificates')) {
-    presenceData.details = 'Looking at their certificates'
+    presenceData.details = 'Looking at certificates'
+    presenceData.state = 'Admiration Mode'
   }
+
   else if (pathname.includes('/my-badges')) {
-    presenceData.details = 'Looking at their badges'
+    presenceData.details = 'Looking at badges'
   }
 
   presence.setActivity(presenceData)