From 3b0e0b5a77176f505ec80a54160b2738a30ec725 Mon Sep 17 00:00:00 2001
From: Leo Driesch <leo.driesch@gmail.com>
Date: Mon, 8 Feb 2021 02:11:34 +0100
Subject: [PATCH] :lipstick: Add title elements to all pages

---
 src/pages/[formSlug]/[submissionId].tsx | 4 ++++
 src/pages/[formSlug]/settings.tsx       | 4 ++++
 src/pages/inbox/[submissionId].tsx      | 4 ++++
 src/pages/join.tsx                      | 4 ++++
 src/pages/login.tsx                     | 4 ++++
 src/pages/new-form.tsx                  | 4 ++++
 src/pages/reset-password.tsx            | 4 ++++
 src/pages/tasks.tsx                     | 4 ++++
 8 files changed, 32 insertions(+)
diff --git a/src/pages/[formSlug]/[submissionId].tsx b/src/pages/[formSlug]/[submissionId].tsx
index 48561d1..ff81345 100644
--- a/src/pages/[formSlug]/[submissionId].tsx
+++ b/src/pages/[formSlug]/[submissionId].tsx
@@ -1,5 +1,6 @@
 import SolidChevronLeftIcon from "heroicons/solid/chevron-left.svg";
 import SolidCogIcon from "heroicons/solid/cog.svg";
+import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import React, { ReactNode } from "react";
@@ -43,6 +44,9 @@ export default function FormPage() {
 
   return (
     <>
+      <Head>
+        <title>Submissions | Quice</title>
+      </Head>
       <main className="flex-1 relative z-0 overflow-y-auto focus:outline-none xl:order-last">
         {/* Breadcrumb */}
         <nav
diff --git a/src/pages/[formSlug]/settings.tsx b/src/pages/[formSlug]/settings.tsx
index 6123064..71bc384 100644
--- a/src/pages/[formSlug]/settings.tsx
+++ b/src/pages/[formSlug]/settings.tsx
@@ -1,6 +1,7 @@
 import { Listbox } from "@headlessui/react";
 import clsx from "clsx";
 import SolidArrowLeftIcon from "heroicons/solid/arrow-left.svg";
+import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { ReactNode, useEffect, useState } from "react";
@@ -310,6 +311,9 @@ export default function FormSettingsPage() {
 
   return (
     <main className="flex-1 overflow-y-auto focus:outline-none">
+      <Head>
+        <title>Form settings | Quice</title>
+      </Head>
       <div className="relative max-w-3xl mx-auto md:px-8 xl:px-0">
         <div className="pt-10 pb-16">
           <div className="px-4 sm:px-6 md:px-0 flex items-center space-x-4">
diff --git a/src/pages/inbox/[submissionId].tsx b/src/pages/inbox/[submissionId].tsx
index 8042a98..6edbca9 100644
--- a/src/pages/inbox/[submissionId].tsx
+++ b/src/pages/inbox/[submissionId].tsx
@@ -1,4 +1,5 @@
 import SolidChevronLeftIcon from "heroicons/solid/chevron-left.svg";
+import Head from "next/head";
 import { useRouter } from "next/router";
 import React, { ReactNode } from "react";
 import ListHeader from "src/components/ListHeader";
@@ -27,6 +28,9 @@ export default function InboxPage() {
 
   return (
     <>
+      <Head>
+        <title>Inbox | Quice</title>
+      </Head>
       <main className="flex-1 relative z-0 overflow-y-auto focus:outline-none xl:order-last">
         {/* Breadcrumb */}
         <nav
diff --git a/src/pages/join.tsx b/src/pages/join.tsx
index a57757c..5a3df19 100644
--- a/src/pages/join.tsx
+++ b/src/pages/join.tsx
@@ -1,6 +1,7 @@
 import { AnimatePresence, motion } from "framer-motion";
 import SolidCheckIcon from "heroicons/solid/check.svg";
 import SolidXIcon from "heroicons/solid/x.svg";
+import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { ReactNode, SyntheticEvent, useState } from "react";
@@ -60,6 +61,9 @@ export default function JoinPage() {
 
   return (
     <>
+      <Head>
+        <title>Join | Quice</title>
+      </Head>
       <form className="space-y-6" onSubmit={handleLoginFormSubmit}>
         <div className="flex space-x-4">
           <div>
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index bdb75a4..11c72a9 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -1,6 +1,7 @@
 import { AnimatePresence, motion } from "framer-motion";
 import SolidCheckIcon from "heroicons/solid/check.svg";
 import SolidXIcon from "heroicons/solid/x.svg";
+import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { ReactNode, SyntheticEvent, useState } from "react";
@@ -41,6 +42,9 @@ export default function LoginPage() {
 
   return (
     <>
+      <Head>
+        <title>Login | Quice</title>
+      </Head>
       <form className="space-y-6" onSubmit={handleLoginFormSubmit}>
         <div>
           <label
diff --git a/src/pages/new-form.tsx b/src/pages/new-form.tsx
index 161c18e..dddc7be 100644
--- a/src/pages/new-form.tsx
+++ b/src/pages/new-form.tsx
@@ -1,5 +1,6 @@
 import { Listbox } from "@headlessui/react";
 import kebabCase from "lodash.kebabcase";
+import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { ReactNode } from "react";
@@ -47,6 +48,9 @@ export default function NewFormPage() {
 
   return (
     <main className="flex-1 overflow-y-auto focus:outline-none">
+      <Head>
+        <title>Create new form | Quice</title>
+      </Head>
       <div className="relative max-w-3xl mx-auto md:px-8 xl:px-0">
         <div className="pt-10 pb-16">
           <div className="px-4 sm:px-6 md:px-0">
diff --git a/src/pages/reset-password.tsx b/src/pages/reset-password.tsx
index efb3a35..c836464 100644
--- a/src/pages/reset-password.tsx
+++ b/src/pages/reset-password.tsx
@@ -1,6 +1,7 @@
 import { AnimatePresence, motion } from "framer-motion";
 import SolidCheckIcon from "heroicons/solid/check.svg";
 import SolidXIcon from "heroicons/solid/x.svg";
+import Head from "next/head";
 import Link from "next/link";
 import { ReactNode, SyntheticEvent, useState } from "react";
 import { auth } from "src/firebase";
@@ -37,6 +38,9 @@ export default function PasswordResetPage() {
 
   return (
     <form className="space-y-6" onSubmit={handleLoginFormSubmit}>
+      <Head>
+        <title>Reset Password | Quice</title>
+      </Head>
       <p className="text-sm text-gray-500">
         Enter your user account's verified email address and we will send you a
         password reset link.
diff --git a/src/pages/tasks.tsx b/src/pages/tasks.tsx
index 0016d7c..1b3ee99 100644
--- a/src/pages/tasks.tsx
+++ b/src/pages/tasks.tsx
@@ -1,9 +1,13 @@
+import Head from "next/head";
 import { ReactNode } from "react";
 import { AppLayout } from "src/layouts/AppLayout";
 
 export default function TasksPage() {
   return (
     <>
+      <Head>
+        <title>Tasks | Quice</title>
+      </Head>
       <div className="flex items-center justify-center w-full">
         Coming Soon!
       </div>
