Use updated endpoint for page feedbacks (#2548)

Author: scazan

packages/gitbook/src/components/PageAside/PageAside.tsx

@@ -130,11 +130,7 @@ export function PageAside(props: {
                 >
                     {withPageFeedback ? (
                         <React.Suspense fallback={null}>
-                            <PageFeedbackForm
-                                spaceId={space.id}
-                                pageId={page.id}
-                                className={tcls('mt-2')}
-                            />
+                            <PageFeedbackForm pageId={page.id} className={tcls('mt-2')} />
                         </React.Suspense>
                     ) : null}
                     {customization.git.showEditLink && space.gitSync?.url && page.git ? (

packages/gitbook/src/components/PageBody/PageBody.tsx

@@ -141,11 +141,7 @@ export function PageBody(props: {
                         </p>
                     ) : null}
                     {withPageFeedback ? (
-                        <PageFeedbackForm
-                            orientation="horizontal"
-                            spaceId={space.id}
-                            pageId={page.id}
-                        />
+                        <PageFeedbackForm orientation="horizontal" pageId={page.id} />
                     ) : null}
                 </div>
             </main>

packages/gitbook/src/components/PageFeedback/PageFeedbackForm.tsx

@@ -15,18 +15,17 @@ import { postPageFeedback } from './server-actions';
  */
 export function PageFeedbackForm(props: {
     orientation?: 'horizontal' | 'vertical';
-    spaceId: string;
     pageId: string;
     className?: string;
 }) {
-    const { orientation = 'vertical', spaceId, pageId, className } = props;
+    const { orientation = 'vertical', pageId, className } = props;
     const languages = useLanguage();
     const [submitted, setSubmitted] = React.useState(false);
 
     const onSubmit = async (rating: PageFeedbackRating) => {
         setSubmitted(true);
         const visitorId = await getVisitorId();
-        await postPageFeedback({ spaceId, pageId, visitorId, rating });
+        await postPageFeedback({ pageId, visitorId, rating });
     };
 
     return (

packages/gitbook/src/components/PageFeedback/server-actions.ts

@@ -1,16 +1,31 @@
 'use server';
 
 import { PageFeedbackRating } from '@gitbook/api';
+import { assert } from 'ts-essentials';
 
 import { api } from '@/lib/api';
+import { getSiteContentPointer } from '@/lib/pointer';
 
 export async function postPageFeedback(args: {
-    spaceId: string;
     pageId: string;
     visitorId: string;
     rating: PageFeedbackRating;
 }) {
-    await api().spaces.createPageFeedback(args.spaceId, args.pageId, args.visitorId, {
-        rating: args.rating,
-    });
+    const { organizationId, siteId, siteSpaceId } = getSiteContentPointer();
+
+    assert(
+        siteSpaceId,
+        `No siteSpaceId in pointer. organizationId: ${organizationId}, siteId: ${siteId}, pageId: ${args.pageId}`,
+    );
+
+    await api().orgs.createSitesPageFeedback(
+        organizationId,
+        siteId,
+        siteSpaceId,
+        args.pageId,
+        args.visitorId,
+        {
+            rating: args.rating,
+        },
+    );
 }