From 6dc9579ffa520b4044f68dcf559cbf419bb2af28 Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Tue, 23 Apr 2024 16:47:15 +0600
Subject: [PATCH] feat: add user open graph
---
src/pages/u/[username].astro | 16 +++++++++-------
1 file changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/pages/u/[username].astro b/src/pages/u/[username].astro
index dece246d9..2c2004668 100644
--- a/src/pages/u/[username].astro
+++ b/src/pages/u/[username].astro
@@ -1,11 +1,7 @@
---
-import { FrownIcon } from 'lucide-react';
import { userApi } from '../../api/user';
-import AccountLayout from '../../layouts/AccountLayout.astro';
import { UserPublicProfilePage } from '../../components/UserPublicProfile/UserPublicProfilePage';
-import OpenSourceBanner from '../../components/OpenSourceBanner.astro';
-import Footer from '../../components/Footer.astro';
-import BaseLayout from "../../layouts/BaseLayout.astro";
+import BaseLayout from '../../layouts/BaseLayout.astro';
export const prerender = false;
@@ -26,10 +22,16 @@ let errorMessage = '';
if (error || !userDetails) {
errorMessage = error?.message || 'User not found';
}
+
+const ogImage = `${import.meta.env.PUBLIC_API_URL}/v1-profile-open-graph/${username}`;
---
-<BaseLayout title={`${userDetails?.name} - Skill Profile at roadmap.sh`}>
- {!errorMessage && <UserPublicProfilePage {...userDetails} client:load />}
+<BaseLayout
+ title={`${userDetails?.name || 'Unknown'} - Skill Profile at roadmap.sh`}
+ description='Check out my skill profile at roadmap.sh'
+ ogImageUrl={ogImage}
+>
+ {!errorMessage && <UserPublicProfilePage {...userDetails!} client:load />}
{
errorMessage && (
<div class='container my-24 flex flex-col'>