fix ogimage for profile page

Author: maslianok

app/profile/[login]/layout.tsx

@@ -1,17 +1,38 @@
 'use cache';
+import { Metadata } from 'next';
 import { unstable_cacheLife as cacheLife, unstable_cacheTag as cacheTag } from 'next/cache';
 import { Suspense } from 'react';
 
 import { Header } from '@/components/header/header';
 import { Tab } from '@/components/tabs/tabs';
 import { TabsBar } from '@/components/tabs/tabs-bar';
+import { fetchProfileData } from '@/graphql/helpers/fetch-profile-data';
 import { graphqlDirect } from '@/lib/graphql/graphql-direct';
 import { TopGlobalRankingsDocument } from '@/types/generated/graphql';
 
 import Loading from './loading';
 
 type ProfileLayoutProps = Readonly<{ children: React.ReactNode; params: Promise<{ login: string }> }>;
 
+export async function generateMetadata({ params }: { params: Promise<{ login: string }> }): Promise<Metadata> {
+  const { login } = await params;
+  const { user } = await fetchProfileData(login);
+
+  if (!user) {
+    return { title: 'GitHub Profile Analytics & Rankings · GitRanks' };
+  }
+
+  const { s, c, f } = user.rankGlobal ?? {};
+
+  return {
+    title: `${login} · GitHub Profile Analytics · GitRanks`,
+    description: `Explore GitHub profile analytics for ${login} – ranked #${s} by stars, #${c} by contributions, and #${f} by followers.`,
+    openGraph: {
+      images: [user.avatarUrl!],
+    },
+  };
+}
+
 export async function generateStaticParams() {
   const { byStars, byContribution, byFollowers } = (await graphqlDirect(TopGlobalRankingsDocument)) ?? {};
   const mergedRanks = [...byStars, ...byContribution, ...byFollowers];

app/profile/[login]/timeline/page.tsx

@@ -1,6 +1,5 @@
 'use cache';
 
-import { Metadata } from 'next';
 import { unstable_cacheLife as cacheLife, unstable_cacheTag as cacheTag } from 'next/cache';
 import { notFound } from 'next/navigation';
 
@@ -10,25 +9,6 @@ import { fetchProfileTimeline } from '@/graphql/helpers/fetch-profile-timeline';
 import { LayoutLeftColumn } from '../components/layout-left-column';
 import { ProfileTimeline } from './components/profile-timeline';
 
-export async function generateMetadata({ params }: { params: Promise<{ login: string }> }): Promise<Metadata> {
-  const { login } = await params;
-  const { user } = await fetchProfileData(login);
-
-  if (!user) {
-    return { title: 'GitHub Profile Analytics & Rankings · GitRanks' };
-  }
-
-  const { s, c, f } = user.rankGlobal ?? {};
-
-  return {
-    title: `${login} Timeline · GitRanks`,
-    description: `Explore GitHub analytics for ${login} – ranked #${s} by stars, #${c} by contributions, and #${f} by followers. See how your code impacts the world and where you stand in the global developer community with GitRanks.`,
-    openGraph: {
-      images: [user.avatarUrl!],
-    },
-  };
-}
-
 export default async function Timeline({ params }: { params: Promise<{ login: string }> }) {
   const { login } = await params;
   cacheLife('hours');