Update page titles (#15)

* Created tabTitle to replace "Welcome to Astro." * Replaced single Question webpages "Welcome to Astro." with exam name followed by question number * changed tab title for auto generated quesitons tabs * Replaced solution tab's title with "Solution"
CarletonComputerScienceSociety · Jul 29, 2024 · cb9aa33 · cb9aa33
1 parent 0ee4c90
commit cb9aa33
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/src/pages/practice/tag/[tag].astro b/src/pages/practice/tag/[tag].astro
@@ -102,9 +102,14 @@ function formatString(input: string) {
 }
 
 const title = formatString(randomQuestion.data.path);
+
+const tabTitle = tag
+  .slice(9)
+  .replace(/-/g, " ")
+  .replace(/\b\w/g, (c) => c.toUpperCase());
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title={tabTitle}>
   <div class="Question__bar">
     <div>
       <Back href={`/questions/${randomQuestion.data.path}`} label="Back" />

diff --git a/src/pages/questions/[...path].astro b/src/pages/questions/[...path].astro
@@ -50,7 +50,7 @@ const question = await loadQuestion();
 const title = formatString(path);
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title={title + " Question"}>
   <div class="Question__bar">
     <div><Back href={`/evaluations`} label="Evaluations" /></div>
   </div>

diff --git a/src/pages/questions/generator/[...path].astro b/src/pages/questions/generator/[...path].astro
@@ -22,7 +22,7 @@ const { path } = Astro.params;
 const { page } = Astro.props;
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="Auto Generated Question">
   <div class="Question__bar">
     <div><Back href={`/questions/${path}`} label="Back" /></div>
   </div>

diff --git a/src/pages/questions/solution/[...path].astro b/src/pages/questions/solution/[...path].astro
@@ -42,7 +42,7 @@ const loadQuestion = async () => {
 const question = await loadQuestion();
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="Solution">
   <div class="Question__bar">
     <div><Back href={`/questions/${path}`} label="Back" /></div>
   </div>