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' && (