From 2fa1232420166620f891cf22b24e34337cce3bcf Mon Sep 17 00:00:00 2001
From: mfahampshire <maxhampshire@pm.me>
Date: Tue, 15 Oct 2024 19:06:30 +0200
Subject: [PATCH] cherry pick yana commits + some extra config in theme

---
 documentation/docs/components/matrix-link.tsx |  15 +++++
 documentation/docs/images/matrix-logo.png     | Bin 0 -> 1304 bytes
 documentation/docs/pages/styles.css           |  60 ++++++++++--------
 documentation/docs/theme.config.tsx           |  24 +++++--
 4 files changed, 64 insertions(+), 35 deletions(-)
 create mode 100644 documentation/docs/components/matrix-link.tsx
 create mode 100644 documentation/docs/images/matrix-logo.png

diff --git a/documentation/docs/components/matrix-link.tsx b/documentation/docs/components/matrix-link.tsx
new file mode 100644
index 0000000000..8b1ab22208
--- /dev/null
+++ b/documentation/docs/components/matrix-link.tsx
@@ -0,0 +1,15 @@
+import { Box } from "@mui/material";
+import Image from "next/image";
+import Link from "next/link";
+import matrixLogo from "../images/matrix-logo.png";
+export const Matrix = () => {
+  return (
+    <Link
+      href={"https://matrix.to/#/#dev:nymtech.chat"}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <Image src={matrixLogo} alt={"Matrix Logo"} width={20} height={24} />
+    </Link>
+  );
+};
diff --git a/documentation/docs/images/matrix-logo.png b/documentation/docs/images/matrix-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b7f3682007535aed26e00fe35ad759518d81951
GIT binary patch
literal 1304
zcmeAS@N?(olHy`uVBq!ia0vp^mw@;K2Q!d#Qa<Gir0N2ELR|m<|Ifn00_0U!S6{n!
z?c29+g@uL6%F5y4;m@BxKY#vwYiny>US4c$Y+YSlMMXtQO3JQXyXMT9bMoZLWy_WY
z1O!-GTCQKe{?)5jhYlSQ5D@6^@4tWlzKe^?(xpqcZry5NU?3qOp{1oIBO_yMY~0)1
zYj1Bqefo55ZEY_vuOpRP7cwxggnGI-hE&XXd-rwGA_oE1ggFT!yj>4^SFB#=>2vQt
ztN2;of~vF)48@zC|M8y6`?v7`kJypj!E;Y*JpKFU$gXqNr@njqa{T$<W7VAK@2@8$
z?|jbWnfvI+`I3!y{nRpNsWms&zpj%N;_31XX)LLK{V&U7x=O=@7J*3uPC`x|P8^;b
zikylniY+QF6bnvp^K6{2ax!7>nt)9)znSmzubMLDvWTYTw_^WY?+zy?>3)3tV#4a1
zJ<FR{hu!7S?A<4S)AsqF=Q$UrdjGMG?Ywow@#)rZ)xEZF%huOd@4feM!+rZS%k?#r
z{(Ho{(Y^oVZ`A%PDeLqtub$b?JNZ+5@B1en+zWU1vnihq6v}xrsrcfSz##wKfA@PF
zoV;>(akKbeSzXmg-}R@OpMIURY}-4(zpkyUde5&-3cmQtZOI8etJ<o`(Q%JLCW(H{
zcYI~Hv-Eo4=JiJ{-&{MtsPgxcclWmL?vtw3d3$r`k}bv2ilG9jteL5SVP7s7o%|a8
zJ+7eccKbhG#Wt<&+99z^Hbhlty{MerwJ66~qD{VZ@+AAIw_mfJOK*F>=)|?S+9kVB
zy<NHR^w$@Qyd(my`o9Xf|KR$R6xYP;CD#_os0C%Hv^NGaFS%shcPC1Bzoh4%nBPl+
z{rNwtc&c4~cr3JZmi#)g%t=eSL+{5tDQH?TbIBDAbN&~4G5eN#z2yo%@#SbkP~q++
zIk%$rNvvCA?X}XiQZ@Rp&Lumg^^=!Oc{Z;zw`akWXYZP7B+D#jWT|NWl`PA$ytlPk
zruk%*)cSsv4x9D)cQzh+xKGsc+U|7INkI!$3??2~{MU8GE}KtM%93fu#+Al0M;3)B
z$=+6)$@cHj^b;1$LVe5DOBQ}!lD;#o^6JZMoe67-Z{PA*c5|jlyS*>VQI6l&?9x|t
zrtD*K6FONUU$497q}Bcv-6?yH@1ErG?VMKL9xKmd7nd0HhOa*s%4z;DT3NDtowbf!
zzE_ZK@<fAk#&cC|Uz$Z_t9-6fne@|L?C+0-rjvI1NpN;JulW9gU3TrnGt<AgD9m(U
z@N4(nwG(}=`^-%Fr|45}`de{Hql3}^Eq@$@JXI#T5Kru%y5;)5j3Zu`j=Nn-OVioa
zWFqytD8G&=-B#`;klvMLc;(nH1BLryt+dEGKr=u6_Iw=uJ=nc#$@LX8_Fdkuwl7yL
zQKaqf&D&}FUdzha|Nr<xeP!{-1U&{#z3+E4C!9K{kZJvY>XMEBItw@^ne7vApQy&M
gygk?cO3Jo>>?~^O#(rfApmLAF)78&qol`;+0Jzam;{X5v

literal 0
HcmV?d00001

diff --git a/documentation/docs/pages/styles.css b/documentation/docs/pages/styles.css
index 689cb2701f..bdf55b1473 100644
--- a/documentation/docs/pages/styles.css
+++ b/documentation/docs/pages/styles.css
@@ -1,32 +1,36 @@
 body {
-    --colorPrimary: #fb6e4e;
-    --textPrimary: #121726;
+  --colorPrimary: #fb6e4e;
+  --textPrimary: #121726;
 }
 
 div.nextra-code-block > div {
-    background: var(--colorPrimary) !important;
+  background: var(--colorPrimary) !important;
 }
 
 .nextra-code-block > pre {
-    /* max-height: 350px !important; */
-    max-height: none !important;
-    scroll-y: auto !important;
+  /* max-height: 350px !important; */
+  max-height: none !important;
+  scroll-y: auto !important;
 }
 
 /* Code blocks*/
 .nx-absolute.nx-top-0 {
-    background: var(--colorPrimary) !important;
-    color: var(--textPrimary) !important;
+  background: var(--colorPrimary) !important;
+  color: var(--textPrimary) !important;
 }
 
 :is(html[class~="dark"] .dark\:nx-bg-primary-300\/10) {
-    background-color: hsl(var(black) 100% 77%/0.1) !important;
+  background-color: hsl(var(black) 100% 77%/0.1) !important;
 }
 
 /* Sidebar buttons */
 :is(html .dark\:nx-bg-primary-400\/10) {
-    background: var(--colorPrimary) !important;
-    color: var(--textPrimary) !important;
+  background: var(--colorPrimary) !important;
+  color: var(--textPrimary) !important;
+}
+
+.nextra-sidebar-container {
+  border-right: 1px solid #262626;
 }
 
 /* aside ul > li > a:hover{
@@ -39,68 +43,68 @@ div.nextra-code-block > div {
 
 /* Links*/
 .nx-text-primary-600.nx-underline.nx-decoration-from-font {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
 
 .MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineAlways.css-1xr3c94-MuiTypography-root-MuiLink-root {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
 
 /* Callouts */
 .nextra-callout {
-    background-color: #fb6e4e21 !important;
+  background-color: #fb6e4e21 !important;
 }
 
 .nx-mt-6 .nx-leading-7 > p {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
 
 /* Callout Secondary */
 :is(html .dark\:nx-border-yellow-200\/30) {
-    border-color: transparent !important;
+  border-color: transparent !important;
 }
 
 /* Callout Primary */
 :is(html .dark\:nx-border-blue-200\/30) {
-    border-color: var(--colorPrimary) !important;
+  border-color: var(--colorPrimary) !important;
 }
 
 /* Chips*/
 .chipContained {
-    background-color: var(--colorPrimary) !important;
+  background-color: var(--colorPrimary) !important;
 }
 
 /* Buttons */
 .MuiButton-root {
-    color: var(--colorPrimary) !important;
-    border-color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
+  border-color: var(--colorPrimary) !important;
 }
 
 .MuiButton-root:hover {
-    color: white !important;
-    background-color: var(--colorPrimary) !important;
+  color: white !important;
+  background-color: var(--colorPrimary) !important;
 }
 
 .MuiCircularProgress-root {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
 
 .nextra-scrollbar.nx-sticky {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
 
 .nx-text-primary-600 {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
 
 input:focus-visible {
-    --tw-ring-shadow: var(--colorPrimary) !important;
+  --tw-ring-shadow: var(--colorPrimary) !important;
 }
 
 .Mui-focused > fieldset {
-    border-color: var(--colorPrimary) !important;
+  border-color: var(--colorPrimary) !important;
 }
 
 a.MuiLink-root {
-    color: var(--colorPrimary) !important;
+  color: var(--colorPrimary) !important;
 }
diff --git a/documentation/docs/theme.config.tsx b/documentation/docs/theme.config.tsx
index 1535011f34..aa12c789ce 100644
--- a/documentation/docs/theme.config.tsx
+++ b/documentation/docs/theme.config.tsx
@@ -1,31 +1,41 @@
 import React from "react";
 import { DocsThemeConfig } from "nextra-theme-docs";
 import { Footer } from "./components/footer";
+import { Matrix } from "./components/matrix-link";
 
 const config: DocsThemeConfig = {
   logo: <span>Nym Docs</span>,
   project: {
     link: "https://github.com/nymtech/nym",
   },
-  // chat: {
-  //   link: "https://matrix.to/#/#dev:nymtech.chat",
-  // },
   docsRepositoryBase:
-    "https://github.com/nymtech/nym/tree/develop/documentation/",
+    "https://github.com/nymtech/nym/tree/develop/documentation/docs/",
   footer: {
     text: Footer,
   },
   darkMode: true,
-  // nextThemes: {
-  //   forcedTheme: "dark",
-  // },
   primaryHue: {
     dark: 30,
     light: 30,
   },
+  primarySaturation: 68,
   sidebar: {
     defaultMenuCollapseLevel: 1,
     autoCollapse: true,
+    toggleButton: true,
+  },
+  navbar: {
+    extraContent: <Matrix />,
+  },
+  toc: {
+    float: false,
+  },
+  // gitTimestamp: TODO ,
+  editLink: {
+    component: null,
+  },
+  feedback: {
+    content: null,
   },
 };