💄 Add title elements to all pages

leodr · Feb 8, 2021 · 3b0e0b5 · 3b0e0b5
1 parent 85d352a
commit 3b0e0b5
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>