fix: header and other stuff

Author: michalsek

packages/audiodocs/patches/@swmansion+t-rex-ui+1.0.0.patch

@@ -0,0 +1,54 @@
+diff --git a/node_modules/@swmansion/t-rex-ui/dist/assets/index6.css b/node_modules/@swmansion/t-rex-ui/dist/assets/index6.css
+index dae2c68..15638e5 100644
+--- a/node_modules/@swmansion/t-rex-ui/dist/assets/index6.css
++++ b/node_modules/@swmansion/t-rex-ui/dist/assets/index6.css
+@@ -1 +1 @@
+-._navbarHideable_2jugh_1{transition:transform var(--ifm-transition-fast) ease}._navbarHidden_2jugh_5{transform:translate3d(0,calc(-100% - 2px),0)}[class*=navbar-sidebar__backdrop]{background-color:var(--swm-sidebar-backdrop)!important}._navbarLanding_2jugh_13{position:relative;background-color:transparent}
++._navbarHideable_2jugh_1{transition:transform var(--ifm-transition-fast) ease}._navbarHidden_2jugh_5{transform:translate3d(0,calc(-100% - 2px),0)}[class*=navbar-sidebar__backdrop]{background-color:var(--swm-sidebar-backdrop)!important}._navbarLanding_2jugh_13{position:fixed;width:100%;background-color:var(--swm-landing-background);transform:none;}
+diff --git a/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/Content/index.js b/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/Content/index.js
+index c8e1e3f..5050e8f 100644
+--- a/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/Content/index.js
++++ b/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/Content/index.js
+@@ -54,9 +54,10 @@ function H({
+   titleImages: o,
+   isAlgoliaActive: s,
+   useLandingLogoDualVariant: b,
+-  isThemeSwitcherShown: i
++  isThemeSwitcherShown: i,
++  landingItems: lx = []
+ }) {
+-  const t = h() === "mobile", { isDocumentation: m, isLanding: a } = g(), v = I(), l = z(), [f, p] = y(l), u = l.find((x) => x.type === "search"), j = s ? /* @__PURE__ */ e.jsx(S, {}) : /* @__PURE__ */ e.jsx("div", {});
++  const t = h() === "mobile", { isDocumentation: m, isLanding: a } = g(), v = I(), l = z(), [f, p] = y(a ? [...lx, ...l] : l), u = l.find((x) => x.type === "search"), j = s ? /* @__PURE__ */ e.jsx(S, {}) : /* @__PURE__ */ e.jsx("div", {});
+   return /* @__PURE__ */ e.jsx(
+     B,
+     {
+diff --git a/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/index.js b/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/index.js
+index ed73945..2e33153 100644
+--- a/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/index.js
++++ b/node_modules/@swmansion/t-rex-ui/dist/components/Navbar/index.js
+@@ -1,12 +1,14 @@
+ import { j as o } from "../../jsx-runtime-Bfani28R.js";
+ import u from "./Layout/index.js";
+ import f from "./Content/index.js";
++
+ function j({
+   heroImages: a,
+   titleImages: m,
+   isAlgoliaActive: r = !0,
+   isThemeSwitcherShown: t = !0,
+-  useLandingLogoDualVariant: n = !1
++  useLandingLogoDualVariant: n = !1,
++  landingItems: l = []
+ }) {
+   return /* @__PURE__ */ o.jsx(
+     u,
+@@ -20,7 +22,8 @@ function j({
+           isAlgoliaActive: r,
+           useLandingLogoDualVariant: n,
+           heroImages: a,
+-          titleImages: m
++          titleImages: m,
++          landingItems: l,
+         }
+       )
+     }

packages/audiodocs/src/components/Testimonials/TestimonialList/index.tsx

@@ -87,8 +87,6 @@ const TestimonialList = () => {
 
   const dragHandlers = useDrag(currentOffset, setCurrentOffset, activeIndex, onSetActiveSlide);
 
-  console.log('TestimonialList rendered with activeIndex:', activeIndex, 'currentOffset:', currentOffset);
-
   return (
     <div>
       <div ref={testimonialListRef} className={styles.testimonialList}>

packages/audiodocs/src/components/Testimonials/TestimonialList/useDrag.ts

@@ -77,7 +77,6 @@ export default function useDrag(currentOffset: number, setCurrentOffset: (offset
     if (newIndex !== activeIndex) {
       onSetActiveSlide(newIndex);
     } else {
-      console.log('No change in active index', initialOffset, currentOffset);
       setCurrentOffset(initialOffset);
     }
 

packages/audiodocs/src/css/colors.css

@@ -318,7 +318,7 @@
   --ifm-navbar-background-color: var(--swm-background);
   --ifm-navbar-link-color: var(--swm-off-white);
 
-  --swm-landing-background: var(--black);
+  --swm-landing-background: var(--swm-background);
 
   /* Color Mode */
   --swm-color-mode-enabled: var(--swm-off-navy);

packages/audiodocs/src/pages/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 
-// @ts-expect-error
+// @ts-ignore
 import Layout from '@theme/Layout';
 
 import Hero from '@site/src/components/Hero';
@@ -25,7 +25,7 @@ function Home() {
   }, [])
   return (
     <Layout
-      title={`React Native Audio API`}
+      title="React Native Audio API"
       description="Declarative API exposing platform native touch and gesture system to React Native.">
       <div className={styles.container}>
         <Hero />

packages/audiodocs/src/theme/Navbar/index.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import { Navbar } from '@swmansion/t-rex-ui';
+import './styles.css';
 
 export default function NavbarWrapper(props) {
   const titleImages = {
@@ -17,6 +18,14 @@ export default function NavbarWrapper(props) {
       useLandingLogoDualVariant={true}
       heroImages={heroImages}
       titleImages={titleImages}
+      landingItems={[
+        {
+          href: '/react-native-audio-api/docs',
+          label: 'Docs',
+          position: 'right',
+          'aria-label': 'Documentation',
+        },
+      ]}
       {...props}
     >
       <button type='button' className='navbar__toggle' aria-label='Toggle navigation'>

packages/audiodocs/src/theme/Navbar/styles.css

@@ -0,0 +1,11 @@
+
+@media (max-width: 996px) {
+  .docs-doc-page .navbar__item {
+    display: none !important;
+  }
+}
+
+.navbar__item {
+  display: block !important;
+}
+