Re-enable webhooks sidebar link in project dashboard

Author: AmineAfia

apps/dashboard/src/@/api/insight/webhooks.ts

@@ -73,15 +73,18 @@ export async function createWebhook(
 ): Promise<WebhookSingleResponse> {
   try {
     const authToken = await getAuthToken();
-    const response = await fetch(`${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "x-client-id": clientId,
-        Authorization: `Bearer ${authToken}`,
+    const response = await fetch(
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-client-id": clientId,
+          Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify(payload),
       },
-      body: JSON.stringify(payload),
-    });
+    );
 
     if (!response.ok) {
       const errorText = await response.text();
@@ -105,13 +108,16 @@ export async function getWebhooks(
 ): Promise<WebhooksListResponse> {
   try {
     const authToken = await getAuthToken();
-    const response = await fetch(`${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`, {
-      method: "GET",
-      headers: {
-        "x-client-id": clientId,
-        Authorization: `Bearer ${authToken}`,
+    const response = await fetch(
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`,
+      {
+        method: "GET",
+        headers: {
+          "x-client-id": clientId,
+          Authorization: `Bearer ${authToken}`,
+        },
       },
-    });
+    );
 
     if (!response.ok) {
       const errorText = await response.text();
@@ -137,7 +143,7 @@ export async function deleteWebhook(
   try {
     const authToken = await getAuthToken();
     const response = await fetch(
-      `${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/${encodeURIComponent(webhookId)}`,
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/${encodeURIComponent(webhookId)}`,
       {
         method: "DELETE",
         headers: {
@@ -171,7 +177,7 @@ export async function testWebhook(
   try {
     const authToken = await getAuthToken();
     const response = await fetch(
-      `${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/test`,
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/test`,
       {
         method: "POST",
         headers: {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectSidebarLayout.tsx

@@ -2,6 +2,7 @@
 import { FullWidthSidebarLayout } from "@/components/blocks/SidebarLayout";
 import { Badge } from "@/components/ui/badge";
 import {
+  BellIcon,
   BookTextIcon,
   BoxIcon,
   CoinsIcon,
@@ -94,17 +95,16 @@ export function ProjectSidebarLayout(props: {
           icon: NebulaIcon,
           tracking: tracking("nebula"),
         },
-        // Commented until we solve the scrolling issue
-        // {
-        //   href: `${layoutPath}/webhooks`,
-        //   label: (
-        //     <span className="flex items-center gap-2">
-        //       Webhooks <Badge>New</Badge>
-        //     </span>
-        //   ),
-        //   icon: BellIcon,
-        //   tracking: tracking("webhooks"),
-        // },
+        {
+          href: `${layoutPath}/webhooks`,
+          label: (
+            <span className="flex items-center gap-2">
+              Webhooks <Badge>New</Badge>
+            </span>
+          ),
+          icon: BellIcon,
+          tracking: tracking("webhooks"),
+        },
       ]}
       footerSidebarLinks={[
         {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/utils/webhookPayloadUtils.ts

@@ -20,7 +20,7 @@ export interface WebhookPayload {
       signatures?: Array<{
         sig_hash: string;
         abi?: string;
-        params: Record<string, unknown> | unknown[];
+        params: Record<string, unknown>;
       }>;
     }
   >;
@@ -59,7 +59,7 @@ export function buildTransactionWebhookPayload(
     txSignatures.push({
       sig_hash: data.sigHash,
       abi: data.sigHashAbi,
-      params: [],
+      params: {},
     });
   }
   return {