fix: embed link

novuhq · Jan 21, 2025 · f4a0a62 · f4a0a62
1 parent 7b9fdca
commit f4a0a62
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 9 deletions.
diff --git a/apps/dashboard/src/components/integrations/components/integration-card.tsx b/apps/dashboard/src/components/integrations/components/integration-card.tsx
@@ -31,7 +31,7 @@ export function IntegrationCard({ integration, provider, environment, onClick }:
     if (integration.channel === ChannelTypeEnum.IN_APP && !integration.connected) {
       e.stopPropagation();
 
-      navigate(ROUTES.INBOX_EMBED + `?environmentId=${environment._id}`);
+      navigate(ROUTES.INBOX_EMBED + `?environmentId=${environment._id}&source=integrations-page`);
     } else {
       onClick({
         integrationId: integration._id ?? '',

diff --git a/apps/dashboard/src/components/workflow-editor/workflow-actions.tsx b/apps/dashboard/src/components/workflow-editor/workflow-actions.tsx
@@ -3,6 +3,7 @@ import { ROUTES } from '@/utils/routes';
 import { ChannelTypeEnum, StepTypeEnum, WorkflowResponseDto } from '@novu/shared';
 import { RiArrowRightUpLine, RiTimeLine } from 'react-icons/ri';
 import { useNavigate } from 'react-router-dom';
+import { useEnvironment } from '../../context/environment/hooks';
 import { Badge, BadgeIcon } from '../primitives/badge';
 import { Button } from '../primitives/button';
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '../primitives/hover-card';
@@ -14,18 +15,22 @@ interface WorkflowActionsProps {
 }
 
 export function WorkflowActions({ workflow }: WorkflowActionsProps) {
+  const { currentEnvironment } = useEnvironment();
   const { integrations } = useFetchIntegrations();
   const navigate = useNavigate();
 
   const hasInAppStep = workflow.steps.some((step) => step.type === StepTypeEnum.IN_APP);
   const hasConnectedInAppIntegration = integrations?.some(
-    (integration) => integration.channel === ChannelTypeEnum.IN_APP && integration.connected
+    (integration) =>
+      integration.channel === ChannelTypeEnum.IN_APP &&
+      integration.connected &&
+      integration._environmentId === currentEnvironment?._id
   );
 
   const showInAppActionRequired = hasInAppStep && !hasConnectedInAppIntegration;
 
   const handleInboxSetup = () => {
-    navigate(ROUTES.INBOX_EMBED);
+    navigate(ROUTES.INBOX_EMBED + `?environmentId=${currentEnvironment?._id}&source=workflow-editor`);
   };
 
   if (!showInAppActionRequired) {

diff --git a/apps/dashboard/src/pages/inbox-embed-page.tsx b/apps/dashboard/src/pages/inbox-embed-page.tsx
@@ -1,18 +1,22 @@
+import { AnimatedPage } from '@/components/onboarding/animated-page';
+import { useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
 import { AuthCard } from '../components/auth/auth-card';
-import { ROUTES } from '../utils/routes';
-import { InboxEmbed } from '../components/welcome/inbox-embed';
 import { UsecasePlaygroundHeader } from '../components/usecase-playground-header';
+import { InboxEmbed } from '../components/welcome/inbox-embed';
 import { useTelemetry } from '../hooks/use-telemetry';
+import { ROUTES } from '../utils/routes';
 import { TelemetryEvent } from '../utils/telemetry';
-import { useEffect } from 'react';
-import { AnimatedPage } from '@/components/onboarding/animated-page';
 
 export function InboxEmbedPage() {
+  const [searchParams] = useSearchParams();
   const telemetry = useTelemetry();
 
   useEffect(() => {
-    telemetry(TelemetryEvent.INBOX_EMBED_PAGE_VIEWED);
-  }, [telemetry]);
+    telemetry(TelemetryEvent.INBOX_EMBED_PAGE_VIEWED, {
+      referralSource: searchParams.get('source'),
+    });
+  }, [telemetry, searchParams]);
 
   return (
     <AnimatedPage>