mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2025-12-30 10:19:51 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

tweaks

Browse Source
This commit is contained in:
Johannes
2023-08-08 13:29:34 +02:00
parent d4a4b4ec41
commit 758fc9af4d
2 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
apps/web/app/(app)/environments/[environmentId]/integrations/custom-webhook/AddWebhookModal.tsx
View File

@@ -1,18 +1,18 @@
"use client";
import { testEndpoint } from "@/app/(app)/environments/[environmentId]/integrations/custom-webhook/testEndpoint";
import Modal from "@/components/shared/Modal";
import { createWebhook } from "@formbricks/lib/services/webhook";
import { TPipelineTrigger } from "@formbricks/types/v1/pipelines";
import { TSurvey } from "@formbricks/types/v1/surveys";
import { TWebhookInput } from "@formbricks/types/v1/webhooks";
import { Button, Checkbox, Input, Label } from "@formbricks/ui";
import clsx from "clsx";
import { Webhook } from "lucide-react";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { useForm } from "react-hook-form";
import toast from "react-hot-toast";
import { useRouter } from "next/navigation";
import { TSurvey } from "@formbricks/types/v1/surveys";
import { Webhook } from "lucide-react";
import { TWebhookInput } from "@formbricks/types/v1/webhooks";
import { TPipelineTrigger } from "@formbricks/types/v1/pipelines";
import { createWebhook } from "@formbricks/lib/services/webhook";
import { testEndpoint } from "@/app/(app)/environments/[environmentId]/integrations/custom-webhook/testEndpoint";
interface AddWebhookModalProps {
environmentId: string;
@@ -135,7 +135,8 @@ export default function AddWebhookModal({ environmentId, surveys, open, setOpen
<Label htmlFor="URL">URL</Label>
<div className="mt-1 flex">
<Input
type="text"
type="url"
id="URL"
value={testEndpointInput}
onChange={(e) => {
setTestEndpointInput(e.target.value);
@@ -166,8 +167,8 @@ export default function AddWebhookModal({ environmentId, surveys, open, setOpen
<div>
<Label htmlFor="Triggers">Triggers</Label>
<div className="mt-1 rounded-lg border border-slate-200">
<div className="grid content-center rounded-lg bg-slate-100 p-3 text-left text-sm text-slate-900">
<div className="mt-1 rounded-lg border border-slate-20">
<div className="grid content-center rounded-lg p-3 bg-slate-50 text-left text-sm text-slate-900">
{triggers.map((survey) => (
<div key={survey.value} className="my-1 flex items-center space-x-2">
<label htmlFor={survey.value} className="flex cursor-pointer items-center">
@@ -175,6 +176,7 @@ export default function AddWebhookModal({ environmentId, surveys, open, setOpen
type="button"
id={survey.value}
value={survey.value}
className="bg-white"
checked={selectedTriggers.includes(survey.value)}
onCheckedChange={() => {
handleCheckboxChange(survey.value);
@@ -191,13 +193,14 @@ export default function AddWebhookModal({ environmentId, surveys, open, setOpen
<div>
<Label htmlFor="Surveys">Surveys</Label>
<div className="mt-1 rounded-lg border border-slate-200">
<div className="grid content-center rounded-lg bg-slate-100 p-3 text-left text-sm text-slate-900">
<div className="grid content-center rounded-lg bg-slate-50 p-3 text-left text-sm text-slate-900">
<div className="my-1 flex items-center space-x-2">
<Checkbox
type="button"
id="allSurveys"
value=""
checked={selectedAllSurveys}
className="bg-white"
onCheckedChange={() => handleSelectAllSurveys()}
/>
<label
@@ -214,6 +217,7 @@ export default function AddWebhookModal({ environmentId, surveys, open, setOpen
type="button"
id={survey.id}
value={survey.id}
className="bg-white"
checked={selectedSurveys.includes(survey.id) && !selectedAllSurveys}
disabled={selectedAllSurveys}
onCheckedChange={() => handleSelectedSurveyChange(survey.id)}

8
apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx
View File

@@ -1,8 +1,8 @@
import JsLogo from "@/images/jslogo.png";
import WebhookLogo from "@/images/webhook.png";
import ZapierLogo from "@/images/zapier-small.png";
import { Card } from "@formbricks/ui";
import Image from "next/image";
import JsLogo from "@/images/jslogo.png";
import ZapierLogo from "@/images/zapier-small.png";
import webhook from "@/images/webhook.png";
export default function IntegrationsPage({ params }) {
return (
@@ -38,7 +38,7 @@ export default function IntegrationsPage({ params }) {
docsNewTab={true}
label="Custom Webhook"
description="Trigger Webhooks based on actions in your surveys"
icon={<Image src={webhook} alt="Javascript Logo" />}
icon={<Image src={WebhookLogo} alt="Webhook Logo" />}
/>
</div>
</div>