From 6423968a8bf6e1c7f4b6daf66a7493871cbc1250 Mon Sep 17 00:00:00 2001
From: Tatyana <tatyana.pashkovich@gmail.com>
Date: Mon, 13 Apr 2026 14:00:59 -0400
Subject: [PATCH] [add] Contact Support button to TOC

- swizzle TOCItems to inject a support link below TOC
- button links to dhtmlx.com technical support page
- styles scoped via CSS module
---
 src/theme/TOCItems/index.js          | 21 +++++++++++++++++++++
 src/theme/TOCItems/styles.module.css | 14 ++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 src/theme/TOCItems/index.js
 create mode 100644 src/theme/TOCItems/styles.module.css

diff --git a/src/theme/TOCItems/index.js b/src/theme/TOCItems/index.js
new file mode 100644
index 0000000..4854b84
--- /dev/null
+++ b/src/theme/TOCItems/index.js
@@ -0,0 +1,21 @@
+import TOCItems from '@theme-original/TOCItems';
+import styles from './styles.module.css';
+
+export default function TOCItemsWrapper(props) {
+  return (
+    <>
+      <TOCItems {...props} />
+      <div className={styles.contactSupportLinkWrapper}>
+        Need more help?
+        <a
+          href="https://dhtmlx.com/docs/technical-support.shtml"
+          target="_blank"
+          rel="noopener noreferrer"
+          className={`${styles.contactSupportLink} pagination-nav__link`}
+        >
+          Contact Support
+        </a>
+      </div>
+    </>
+  );
+}
diff --git a/src/theme/TOCItems/styles.module.css b/src/theme/TOCItems/styles.module.css
new file mode 100644
index 0000000..ad49382
--- /dev/null
+++ b/src/theme/TOCItems/styles.module.css
@@ -0,0 +1,14 @@
+.contactSupportLinkWrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: start;
+  gap: 0.5rem;
+  margin: 1rem;
+}
+
+.contactSupportLink {
+  font-size: var(--ifm-h4-font-size);
+  font-weight: var(--ifm-heading-font-weight);
+  text-align: center;
+}