docs: add Drakula app to Trusted By section (#742)

kirillzyusko · web-flow · commit 0ce68ed7ceff · 2024-12-19T14:04:08.000+01:00
## 📜 Description Drakula also trusts us, so let's add it to the "Trusted by" section. ## 💡 Motivation and Context I got a consent to add this app to landing page from @hirbod 🙂 ## 📢 Changelog    ### Docs - added Drakula app on landing page; - wait for hydration before taking screenshots. ## 🤔 How Has This Been Tested? Tested on localhost:3000. ## 📸 Screenshots (if appropriate): <img width="1383" alt="image" src="https://github.com/user-attachments/assets/1521d120-9d19-4ee3-9fed-a635487d43f7" /> ## 📝 Checklist - [x] CI successfully passed - [x] I added new mocks and corresponding unit-tests if library API was changed
diff --git a/cspell.json b/cspell.json
@@ -129,7 +129,8 @@
     "libc",
     "chatwoot",
     "obytes",
-    "kitsu"
+    "kitsu",
+    "drakula"
   ],
   "ignorePaths": [
     "node_modules",
diff --git a/docs/__tests__/screenshot.spec.ts b/docs/__tests__/screenshot.spec.ts
@@ -11,6 +11,10 @@ const sitemapPath = "./build/sitemap.xml";
 const stylesheetPath = "./__tests__/screenshot.css";
 const stylesheet = fs.readFileSync(stylesheetPath).toString();
 
+function waitForDocusaurusHydration() {
+  return document.documentElement.dataset.hasHydrated === "true";
+}
+
 function screenshotPathname(pathname: string) {
   test(`pathname ${pathname}`, async ({ page }) => {
     const url = siteUrl + pathname;
@@ -19,7 +23,7 @@ function screenshotPathname(pathname: string) {
     // Wait for hydration, requires Docusaurus v2.4.3+
     // Docusaurus adds a <html data-has-hydrated="true"> once hydrated
     // See https://github.com/facebook/docusaurus/pull/9256
-    // await page.waitForFunction(waitForDocusaurusHydration);
+    await page.waitForFunction(waitForDocusaurusHydration);
     await page.addStyleTag({ content: stylesheet });
     await argosScreenshot(page, pathnameToArgosName(pathname));
   });
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
@@ -101,6 +101,12 @@ const trustedBy = [
     link: "https://github.com/hummingbird-me/kitsu-mobile",
     name: "Kitsu",
   },
+  {
+    img: "https://play-lh.googleusercontent.com/KsXljWMtBXw131OcLT44ByxwznfdgM1a-2gZVYNBzPBKz9gqOCxEIhC83IpS35OIZQc=w200-h480-rw",
+    alt: "Drakula: Watch Videos App",
+    link: "https://play.google.com/store/apps/details?id=app.drakula",
+    name: "Drakula",
+  },
 ];
 
 function TrustedBy(): JSX.Element {
