mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-01-06 05:40:02 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

fix: make env id more easily discoverable (#1858)

Browse Source
This commit is contained in:
Johannes
2024-01-05 14:53:23 -06:00
committed by GitHub
parent 2d97e9c797
commit a815270784
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/web/app/(app)/environments/[environmentId]/settings/setup/components/EnvironmentIdField.tsx Normal file
View File

@@ -0,0 +1,11 @@
"use client";
import CodeBlock from "@formbricks/ui/CodeBlock";
export default function SetupInstructions({ environmentId }: { environmentId: string }) {
return (
<div className="prose prose-slate -mt-3">
<CodeBlock language="js">{environmentId}</CodeBlock>
</div>
);
}

7
apps/web/app/(app)/environments/[environmentId]/settings/setup/page.tsx
View File

@@ -5,6 +5,7 @@ import EnvironmentNotice from "@formbricks/ui/EnvironmentNotice";
import SettingsCard from "../components/SettingsCard";
import SettingsTitle from "../components/SettingsTitle";
import EnvironmentIdField from "./components/EnvironmentIdField";
import SetupInstructions from "./components/SetupInstructions";
export default async function ProfileSettingsPage({ params }) {
@@ -18,7 +19,11 @@ export default async function ProfileSettingsPage({ params }) {
description="Check if the Formbricks widget is alive and kicking.">
<WidgetStatusIndicator environmentId={params.environmentId} type="large" />
</SettingsCard>
<SettingsCard
title="Your EnvironmentId"
description="This Id uniquely identifies this Formbricks environment.">
<EnvironmentIdField environmentId={params.environmentId} />
</SettingsCard>
<SettingsCard
title="How to setup"
description="Follow these steps to setup the Formbricks widget within your app"