From 536b8b672ed508d267487542071c06ac928daf98 Mon Sep 17 00:00:00 2001
From: Leo Driesch <leo.driesch@gmail.com>
Date: Sat, 24 Jul 2021 23:14:12 +0200
Subject: [PATCH] :rotating_light: Fix ESLint warnings

---
 src/components/SnackbarProvider.tsx          | 2 +-
 src/components/SubmissionList.tsx            | 2 +-
 src/components/form-data-list/ArrayEntry.tsx | 1 +
 src/pages/[formSlug]/[submissionId].tsx      | 2 +-
 src/pages/[formSlug]/settings.tsx            | 2 +-
 src/pages/inbox/[submissionId].tsx           | 2 +-
 src/pages/join.tsx                           | 2 +-
 src/pages/login.tsx                          | 2 +-
 src/pages/new-form.tsx                       | 2 +-
 src/pages/reset-password.tsx                 | 6 +++---
 src/pages/setup.tsx                          | 6 +++---
 src/pages/tasks.tsx                          | 2 +-
 12 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/SnackbarProvider.tsx b/src/components/SnackbarProvider.tsx
index 6706830..e75ad9f 100644
--- a/src/components/SnackbarProvider.tsx
+++ b/src/components/SnackbarProvider.tsx
@@ -71,7 +71,7 @@ export default function SnackbarProvider({ children }: Props): ReactElement {
                         className="flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-rose-500 bg-white hover:bg-rose-50"
                         onClick={() => snackbar.undo?.()}
                       >
-                        "Undo"
+                        &qout;Undo&qout;
                       </button>
                     </div>
                   )}
diff --git a/src/components/SubmissionList.tsx b/src/components/SubmissionList.tsx
index d360382..cabc049 100644
--- a/src/components/SubmissionList.tsx
+++ b/src/components/SubmissionList.tsx
@@ -119,7 +119,7 @@ export default function SubmissionList({
           );
         }}
         components={{
-          Footer: () => {
+          Footer() {
             if (!canLoadMore) return null;
 
             return (
diff --git a/src/components/form-data-list/ArrayEntry.tsx b/src/components/form-data-list/ArrayEntry.tsx
index 05cb480..b18cfad 100644
--- a/src/components/form-data-list/ArrayEntry.tsx
+++ b/src/components/form-data-list/ArrayEntry.tsx
@@ -16,6 +16,7 @@ export default function ArrayEntry({
       <dd className="mt-1 text-sm text-gray-900">
         <ul className="space-y-1">
           {value.map((e) => (
+            // eslint-disable-next-line react/jsx-key
             <li className="flex items-center space-x-2">
               <span
                 aria-hidden="true"
diff --git a/src/pages/[formSlug]/[submissionId].tsx b/src/pages/[formSlug]/[submissionId].tsx
index 5e2d46e..9c328bb 100644
--- a/src/pages/[formSlug]/[submissionId].tsx
+++ b/src/pages/[formSlug]/[submissionId].tsx
@@ -96,6 +96,6 @@ export default function FormPage() {
   );
 }
 
-FormPage.getLayout = (page: ReactNode) => {
+FormPage.getLayout = function getLayout(page: ReactNode) {
   return <AppLayout>{page}</AppLayout>;
 };
diff --git a/src/pages/[formSlug]/settings.tsx b/src/pages/[formSlug]/settings.tsx
index bdae538..89783ab 100644
--- a/src/pages/[formSlug]/settings.tsx
+++ b/src/pages/[formSlug]/settings.tsx
@@ -391,6 +391,6 @@ export default function FormSettingsPage() {
   );
 }
 
-FormSettingsPage.getLayout = (page: ReactNode) => {
+FormSettingsPage.getLayout = function getLayout(page: ReactNode) {
   return <AppLayout>{page}</AppLayout>;
 };
diff --git a/src/pages/inbox/[submissionId].tsx b/src/pages/inbox/[submissionId].tsx
index 22ed604..1f77220 100644
--- a/src/pages/inbox/[submissionId].tsx
+++ b/src/pages/inbox/[submissionId].tsx
@@ -71,6 +71,6 @@ export default function InboxPage() {
   );
 }
 
-InboxPage.getLayout = (page: ReactNode) => {
+InboxPage.getLayout = function getLayout(page: ReactNode) {
   return <AppLayout>{page}</AppLayout>;
 };
diff --git a/src/pages/join.tsx b/src/pages/join.tsx
index c11b9b7..01c8647 100644
--- a/src/pages/join.tsx
+++ b/src/pages/join.tsx
@@ -169,7 +169,7 @@ export default function JoinPage() {
   );
 }
 
-JoinPage.getLayout = (page: ReactNode) => {
+JoinPage.getLayout = function getLayout(page: ReactNode) {
   return (
     <AuthLayout
       headline="Create your account"
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 96d3158..e0ce419 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -129,7 +129,7 @@ export default function LoginPage() {
   );
 }
 
-LoginPage.getLayout = (page: ReactNode) => {
+LoginPage.getLayout = function getLayout(page: ReactNode) {
   return (
     <AuthLayout
       headline="Sign in to your account"
diff --git a/src/pages/new-form.tsx b/src/pages/new-form.tsx
index aa3da0c..7af3195 100644
--- a/src/pages/new-form.tsx
+++ b/src/pages/new-form.tsx
@@ -164,6 +164,6 @@ export default function NewFormPage() {
   );
 }
 
-NewFormPage.getLayout = (page: ReactNode) => {
+NewFormPage.getLayout = function getLayout(page: ReactNode) {
   return <AppLayout>{page}</AppLayout>;
 };
diff --git a/src/pages/reset-password.tsx b/src/pages/reset-password.tsx
index d4c5207..9727699 100644
--- a/src/pages/reset-password.tsx
+++ b/src/pages/reset-password.tsx
@@ -41,8 +41,8 @@ export default function PasswordResetPage() {
         <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.
+        Enter your user account&apos;s verified email address and we will send
+        you a password reset link.
       </p>
       <div>
         <label
@@ -97,7 +97,7 @@ export default function PasswordResetPage() {
   );
 }
 
-PasswordResetPage.getLayout = (page: ReactNode) => {
+PasswordResetPage.getLayout = function getLayout(page: ReactNode) {
   return (
     <AuthLayout
       headline="Reset your password"
diff --git a/src/pages/setup.tsx b/src/pages/setup.tsx
index d01c91f..5c9987c 100644
--- a/src/pages/setup.tsx
+++ b/src/pages/setup.tsx
@@ -300,9 +300,9 @@ export default function SetupPage() {
                       </span>
                     </h1>
                     <p className="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
-                      First we'll guide you through a short setup sequence. You
-                      will set up an account, add members that can access this
-                      workspace and create your first form!
+                      First we&apos;ll guide you through a short setup sequence.
+                      You will set up an account, add members that can access
+                      this workspace and create your first form!
                     </p>
                   </div>
                 </div>
diff --git a/src/pages/tasks.tsx b/src/pages/tasks.tsx
index 1b3ee99..c90ea12 100644
--- a/src/pages/tasks.tsx
+++ b/src/pages/tasks.tsx
@@ -15,6 +15,6 @@ export default function TasksPage() {
   );
 }
 
-TasksPage.getLayout = (page: ReactNode) => {
+TasksPage.getLayout = function getLayout(page: ReactNode) {
   return <AppLayout>{page}</AppLayout>;
 };