diff --git a/.example.env b/.example.env deleted file mode 100644 index a0c2059..0000000 --- a/.example.env +++ /dev/null @@ -1,12 +0,0 @@ -S3_UPLOAD_REGION= -S3_UPLOAD_KEY= -S3_UPLOAD_SECRET= -S3_UPLOAD_BUCKET= - -UPSTASH_REDIS_REST_URL= -UPSTASH_REDIS_REST_TOKEN= - -TOGETHER_API_KEY= - -NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY= -CLERK_SECRET_KEY= diff --git a/app/(private)/preview/client.tsx b/app/(private)/preview/client.tsx index 45e297c..0fbfddd 100644 --- a/app/(private)/preview/client.tsx +++ b/app/(private)/preview/client.tsx @@ -71,7 +71,7 @@ export default function PreviewClient() { return (
-
+
-
+
{ + if (!initialUsername || status !== 'live') return; + + const portfolioUrl = getSelfSoUrl(initialUsername); + console.log(portfolioUrl) + const canvas = document.createElement('canvas'); + + await QRCode.toCanvas(canvas, portfolioUrl, { width: 300 }); + + const image = canvas.toDataURL('image/png'); + const link = document.createElement('a'); + link.href = image; + link.download = `${initialUsername}-qr.png`; + link.click(); + }; + + return ( <>
@@ -95,9 +114,9 @@ export default function PreviewActionbar({ onClick={handleStatusChange} className={`flex items-center min-w-[100px] min-h-8 gap-1.5 px-3 py-1.5 h-auto ${ status === 'draft' - ? 'bg-design-black hover:bg-[#333333] text-[#fcfcfc]' - : 'bg-design-white text-design-black hover:bg-gray-100' - }`} + ? 'bg-design-black hover:bg-[#333333] text-[#fcfcfc]' + : 'bg-design-white text-design-black hover:bg-gray-100' + }`} > {isChangingStatus ? ( <> @@ -109,6 +128,18 @@ export default function PreviewActionbar({ )} + + {status === 'live' && ( + + )} + + {status === 'live' && (