feat(web): add Futurebase feedback widget to every docs page

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: bring-shrubbery

apps/web/app/docs/[[...slug]]/page.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
+import { DocsFeedback } from "@/components/docs-feedback";
 import { mdxComponents } from "@/components/mdx/mdx-components";
 import { compileMdx, getAllContent, getContentBySlug } from "@/lib/mdx";
 
@@ -52,6 +53,8 @@ export default async function DocsPage({ params }: Props) {
       <h1 className="mb-6 font-bold text-3xl">{doc.frontmatter.title}</h1>
       <Content />
 
+      <DocsFeedback />
+
       <script
         dangerouslySetInnerHTML={{
           __html: JSON.stringify({

apps/web/components/docs-feedback.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { FeedbackProvider, InlineFeedback } from "@futurebase/feedback/react";
+
+export const DocsFeedback = () => {
+  return (
+    <FeedbackProvider slug="squircle">
+      <div className="mt-12 border-t pt-8">
+        <h3 className="mb-3 font-semibold text-lg">
+          {"Was this page helpful?"}
+        </h3>
+        <InlineFeedback fields={["text"]} />
+      </div>
+    </FeedbackProvider>
+  );
+};

apps/web/package.json

@@ -12,6 +12,7 @@
     "with-env": "dotenv -e ../../.env --"
   },
   "dependencies": {
+    "@futurebase/feedback": "^0.1.2",
     "@mdx-js/mdx": "^3.1.1",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-menubar": "^1.1.6",