Add a link to report an issue

Author: mrubens

src/components/ReportIssue/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import {useLocation} from '@docusaurus/router';
+import {useDocVersionSuggestions} from '@docusaurus/theme-common/internal';
+import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
+import styles from './styles.module.css';
+
+export default function ReportIssue() {
+  const {pathname} = useLocation();
+  const {activeDoc} = useActiveDocContext();
+  
+  const issueUrl = `https://github.com/RooVetGit/Roo-Code-Docs/issues/new?title=Documentation%20Issue:%20${encodeURIComponent(pathname)}`;
+  
+  return (
+    <div className={styles.reportContainer}>
+      <hr className={styles.separator} />
+      <div className={styles.reportLink}>
+        <span>Is this documentation incorrect or incomplete? </span>
+        <a href={issueUrl} target="_blank" rel="noopener noreferrer">
+          Report an issue on GitHub
+        </a>
+      </div>
+    </div>
+  );
+}

src/components/ReportIssue/styles.module.css

@@ -0,0 +1,20 @@
+.reportContainer {
+  margin-top: 3rem;
+  margin-bottom: 1rem;
+}
+
+.separator {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid var(--ifm-color-emphasis-300);
+}
+
+.reportLink {
+  font-size: 0.875rem;
+  color: var(--ifm-color-emphasis-700);
+}
+
+.reportLink a {
+  font-weight: 500;
+}

src/theme/DocItem/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import DocItem from '@theme-original/DocItem';
+import ReportIssue from '@site/src/components/ReportIssue';
+
+export default function DocItemWrapper(props) {
+  return (
+    <>
+      <DocItem {...props} />
+      <ReportIssue />
+    </>
+  );
+}