diff --git a/src/features/surveys/components/SurveyURLCard.tsx b/src/features/surveys/components/SurveyURLCard.tsx index d219a448f3..2f570e8c52 100644 --- a/src/features/surveys/components/SurveyURLCard.tsx +++ b/src/features/surveys/components/SurveyURLCard.tsx @@ -1,4 +1,5 @@ import { OpenInNew } from '@mui/icons-material'; +import { useMemo } from 'react'; import { Box, Link, useTheme } from '@mui/material'; import ZUICard from 'zui/ZUICard'; @@ -6,6 +7,7 @@ import ZUITextfieldToClipboard from 'zui/ZUITextfieldToClipboard'; import { Msg, useMessages } from 'core/i18n'; import messageIds from '../l10n/messageIds'; +import useSurvey from '../hooks/useSurvey'; interface SurveyURLCardProps { isOpen: boolean; @@ -14,8 +16,16 @@ interface SurveyURLCardProps { } const SurveyURLCard = ({ isOpen, orgId, surveyId }: SurveyURLCardProps) => { + const survey = useSurvey(parseInt(orgId), parseInt(surveyId)); const messages = useMessages(messageIds); const theme = useTheme(); + const surveyUrl = useMemo( + () => + survey.data + ? `${location.protocol}//${location.host}/o/${survey.data.organization.id}/surveys/${surveyId}` + : '', + [survey.data, surveyId] + ); return ( { } > - - {`${location.protocol}//${location.host}/o/${orgId}/surveys/${surveyId}`} + + {surveyUrl}