mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-02-04 18:49:39 -06:00
Code Issues Packages Projects Releases 123 Wiki Activity

chore: tweak sharing results UX (#1964)

Browse Source
This commit is contained in:
Johannes
2024-01-26 11:02:15 +01:00
committed by GitHub
parent ee5a519120
commit 4dfe1d9af0
2 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/ShareSurveyResults.tsx
View File

@@ -53,7 +53,7 @@ export default function ShareSurveyResults({
className="hover:cursor-pointer"
onClick={() => {
navigator.clipboard.writeText(surveyUrl);
toast.success("URL copied to clipboard!");
toast.success("Link copied to clipboard!");
}}>
<Clipboard />
</Button>

45
apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton.tsx
View File

@@ -76,16 +76,15 @@ export default function ResultsShareButton({ survey, webAppUrl, product, user }:
const copyUrlToClipboard = () => {
if (typeof window !== "undefined") {
// Check if window is defined (i.e., if the code is running in the browser)
const currentUrl = window.location.href; // Get the current URL
const currentUrl = window.location.href;
navigator.clipboard
.writeText(currentUrl) // Copy it to the clipboard
.writeText(currentUrl)
.then(() => {
toast.success("Link to results copied to clipboard."); // Show success message
toast.success("Link to results copied to clipboard.");
})
.catch((err) => {
console.error("Failed to copy: ", err); // Handle any errors
toast.error("Failed to copy link to results to clipboard."); // Show error message
console.error("Failed to copy: ", err);
toast.error("Failed to copy link to results to clipboard.");
});
} else {
console.error("Cannot copy URL: not running in a browser environment.");
@@ -107,22 +106,36 @@ export default function ResultsShareButton({ survey, webAppUrl, product, user }:
</div>
</DropdownMenuTrigger>
<DropdownMenuContent align="start">
<DropdownMenuItem
className="hover:ring-0"
onClick={() => {
copyUrlToClipboard();
}}>
<p className="text-slate-700">
Copy link <DocumentDuplicateIcon className="ml-1.5 inline h-4 w-4" />
</p>
</DropdownMenuItem>
{survey.resultShareKey ? (
<DropdownMenuItem
className="hover:ring-0"
onClick={() => {
navigator.clipboard.writeText(surveyUrl);
toast.success("Link to public results copied");
}}>
<p className="text-slate-700">
Copy link to public results <DocumentDuplicateIcon className="ml-1.5 inline h-4 w-4" />
</p>
</DropdownMenuItem>
) : (
<DropdownMenuItem
className="hover:ring-0"
onClick={() => {
copyUrlToClipboard();
}}>
<p className="text-slate-700">
Copy link <DocumentDuplicateIcon className="ml-1.5 inline h-4 w-4" />
</p>
</DropdownMenuItem>
)}
<DropdownMenuItem
className="hover:ring-0"
onClick={() => {
setShowResultsLinkModal(true);
}}>
<p className="text-slate-700">
Publish to web <GlobeAltIcon className="ml-1.5 inline h-4 w-4" />
{survey.resultShareKey ? "Unpublish from web" : "Publish to web"}
<GlobeAltIcon className="ml-1.5 inline h-4 w-4" />
</p>
</DropdownMenuItem>
</DropdownMenuContent>