Add page header for practice

eduardconstantin · Aug 23, 2023 · f38cc38 · f38cc38
1 parent 50149a5
commit f38cc38
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/pages/practice/index.tsx b/pages/practice/index.tsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { gql, useQuery } from "@apollo/client";
 import type { NextPage } from "next";
+import Head from "next/head";
 import QuizForm from "@azure-fundamentals/components/QuizForm";
 
 const questionQuery = gql`
@@ -48,6 +49,10 @@ const Practice: NextPage = () => {
 
   return (
     <div className="py-10 px-5 sm:p-10 mx-auto w-5/6 sm:w-1/2 bg-slate-800 border-2 border-slate-700 rounded-lg">
+      <Head>
+        <title>Azure Fundamentals - Practice</title>
+        <meta property="og:title" content="Azure Fundamentals - Practice" key="title" />
+      </Head>
       <QuizForm
         windowWidth={windowWidth}
         isLoading={loading || questionsLoading}