Re-enable webhooks sidebar link in project dashboard

Author: Amine Afia

.vscode/settings.json

@@ -37,5 +37,8 @@
   "eslint.workingDirectories": [
     { "pattern": "./packages/*/" },
     { "pattern": "./apps/*/" }
-  ]
+],
+"[dotenv]": {
+    "editor.defaultFormatter": "foxundermoon.shell-format"
+}
 }

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={[
         {