;
@@ -47,7 +46,7 @@ export const DataTableActionButton = ({ row }: DataTableActionButtonProps) => {
documentId: row.id,
});
- await copyToClipboard(`${window.location.origin}/share/${slug}`).catch(() => null);
+ await copyToClipboard(`${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`).catch(() => null);
toast({
title: 'Copied to clipboard',
diff --git a/apps/web/src/app/(dashboard)/documents/data-table-action-dropdown.tsx b/apps/web/src/app/(dashboard)/documents/data-table-action-dropdown.tsx
index 2fb06833b..8963058a6 100644
--- a/apps/web/src/app/(dashboard)/documents/data-table-action-dropdown.tsx
+++ b/apps/web/src/app/(dashboard)/documents/data-table-action-dropdown.tsx
@@ -18,6 +18,7 @@ import {
} from 'lucide-react';
import { useSession } from 'next-auth/react';
+import { useCopyToClipboard } from '@documenso/lib/client-only/hooks/use-copy-to-clipboard';
import { getFile } from '@documenso/lib/universal/upload/get-file';
import { Document, DocumentStatus, Recipient, User } from '@documenso/prisma/client';
import { DocumentWithData } from '@documenso/prisma/types/document-with-data';
@@ -32,8 +33,6 @@ import {
} from '@documenso/ui/primitives/dropdown-menu';
import { useToast } from '@documenso/ui/primitives/use-toast';
-import { useCopyToClipboard } from '~/hooks/use-copy-to-clipboard';
-
import { DeleteDraftDocumentDialog } from './delete-draft-document-dialog';
export type DataTableActionDropdownProps = {
@@ -73,7 +72,7 @@ export const DataTableActionDropdown = ({ row }: DataTableActionDropdownProps) =
documentId: row.id,
});
- await copyToClipboard(`${window.location.origin}/share/${slug}`).catch(() => null);
+ await copyToClipboard(`${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`).catch(() => null);
toast({
title: 'Copied to clipboard',
diff --git a/apps/web/src/app/(signing)/sign/[token]/complete/page.tsx b/apps/web/src/app/(signing)/sign/[token]/complete/page.tsx
index 414a6624b..5402d12cb 100644
--- a/apps/web/src/app/(signing)/sign/[token]/complete/page.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/complete/page.tsx
@@ -9,12 +9,11 @@ import { getFieldsForToken } from '@documenso/lib/server-only/field/get-fields-f
import { getRecipientByToken } from '@documenso/lib/server-only/recipient/get-recipient-by-token';
import { DocumentStatus, FieldType } from '@documenso/prisma/client';
import { DocumentDownloadButton } from '@documenso/ui/components/document/document-download-button';
+import { DocumentShareButton } from '@documenso/ui/components/document/document-share-button';
import { SigningCard3D } from '@documenso/ui/components/signing-card';
import signingCelebration from '~/assets/signing-celebration.png';
-import { ShareButton } from './share-button';
-
export type CompletedSigningPageProps = {
params: {
token?: string;
@@ -89,7 +88,7 @@ export default async function CompletedSigningPage({
))}
-
+
Promise;
-
-export function useCopyToClipboard(): [CopiedValue, CopyFn] {
- const [copiedText, setCopiedText] = useState(null);
-
- const copy: CopyFn = async (text) => {
- if (!navigator?.clipboard) {
- console.warn('Clipboard not supported');
- return false;
- }
-
- // Try to save to clipboard then save it in the state if worked
- try {
- await navigator.clipboard.writeText(text);
- setCopiedText(text);
- return true;
- } catch (error) {
- console.warn('Copy failed', error);
- setCopiedText(null);
- return false;
- }
- };
-
- return [copiedText, copy];
-}
diff --git a/apps/marketing/src/hooks/use-copy-to-clipboard.ts b/packages/lib/client-only/hooks/use-copy-to-clipboard.ts
similarity index 100%
rename from apps/marketing/src/hooks/use-copy-to-clipboard.ts
rename to packages/lib/client-only/hooks/use-copy-to-clipboard.ts
diff --git a/apps/web/src/app/(signing)/sign/[token]/complete/share-button.tsx b/packages/ui/components/document/document-share-button.tsx
similarity index 81%
rename from apps/web/src/app/(signing)/sign/[token]/complete/share-button.tsx
rename to packages/ui/components/document/document-share-button.tsx
index c76d3d7c5..4e7ee1a94 100644
--- a/apps/web/src/app/(signing)/sign/[token]/complete/share-button.tsx
+++ b/packages/ui/components/document/document-share-button.tsx
@@ -5,8 +5,10 @@ import { HTMLAttributes, useState } from 'react';
import { Copy, Share } from 'lucide-react';
import { FaXTwitter } from 'react-icons/fa6';
+import { useCopyToClipboard } from '@documenso/lib/client-only/hooks/use-copy-to-clipboard';
import { generateTwitterIntent } from '@documenso/lib/universal/generate-twitter-intent';
import { trpc } from '@documenso/trpc/react';
+import { cn } from '@documenso/ui/lib/utils';
import { Button } from '@documenso/ui/primitives/button';
import {
Dialog,
@@ -18,14 +20,12 @@ import {
} from '@documenso/ui/primitives/dialog';
import { useToast } from '@documenso/ui/primitives/use-toast';
-import { useCopyToClipboard } from '~/hooks/use-copy-to-clipboard';
-
-export type ShareButtonProps = HTMLAttributes & {
+export type DocumentShareButtonProps = HTMLAttributes & {
token: string;
documentId: number;
};
-export const ShareButton = ({ token, documentId }: ShareButtonProps) => {
+export const DocumentShareButton = ({ token, documentId, className }: DocumentShareButtonProps) => {
const { toast } = useToast();
const [, copyToClipboard] = useCopyToClipboard();
@@ -60,7 +60,7 @@ export const ShareButton = ({ token, documentId }: ShareButtonProps) => {
slug = result.slug;
}
- await copyToClipboard(`${window.location.origin}/share/${slug}`).catch(() => null);
+ await copyToClipboard(`${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`).catch(() => null);
toast({
title: 'Copied to clipboard',
@@ -85,7 +85,7 @@ export const ShareButton = ({ token, documentId }: ShareButtonProps) => {
window.open(
generateTwitterIntent(
`I just ${token ? 'signed' : 'sent'} a document with @documenso. Check it out!`,
- `${window.location.origin}/share/${slug}`,
+ `${process.env.NEXT_PUBLIC_WEBAPP_URL}/share/${slug}`,
),
'_blank',
);
@@ -99,7 +99,7 @@ export const ShareButton = ({ token, documentId }: ShareButtonProps) => {