feat: title added in slug.tsx (#140)

FitDevs-withKat · Aug 11, 2022 · 366ea6d · 366ea6d
1 parent 1256d5f
commit 366ea6d
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/pages/[slug].tsx b/pages/[slug].tsx
@@ -2,18 +2,25 @@ import { loadProfilePaths, loadSingleProfile } from "../util/load-profiles";
 import ProfileDetail from "../components/profile_detail/personal-card";
 import DetailCard from "../components/profile_detail/detail-card";
 import path from "path";
+import Head from "next/head";
 import { ProfileType } from "../types/ProfileType";
 
 export default function DetailProfile({ profile }: { profile: ProfileType }) {
   return (
-    <div className="no-wrap mt-8 flex flex-col gap-4 md:flex-row">
-      <div className="w-full md:w-1/3">
-        <ProfileDetail profile={profile} />
-      </div>
-      <div className="w-full md:w-3/4">
-        <DetailCard profile={profile} />
+    <div>
+      <Head>
+        <title>Fitness-Accountability {profile.name}</title>
+      </Head>
+      <div className="no-wrap mt-8 flex flex-col gap-4 md:flex-row">
+        <div className="w-full md:w-1/3">
+          <ProfileDetail profile={profile} />
+        </div>
+        <div className="w-full md:w-3/4">
+          <DetailCard profile={profile} />
+        </div>
       </div>
     </div>
+
   );
 }
 export async function getStaticPaths() {