From 7d8d9bbfb30fe8c35ffa6c9d1684ec6d076ea018 Mon Sep 17 00:00:00 2001
From: cade <git@cade.me>
Date: Thu, 27 Jun 2024 16:05:47 -0700
Subject: [PATCH] handle insights when there are no events

---
 app/_components/event-type-form.tsx       | 2 +-
 app/_components/form-banner.tsx           | 2 +-
 app/_components/input-form.tsx            | 2 +-
 app/_components/insight-form.tsx          | 1 +
 app/_components/module-form-section.tsx   | 4 ++--
 app/_components/subject-insights-page.tsx | 4 ++--
 app/_components/template-form.tsx         | 2 +-
 7 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/_components/event-type-form.tsx b/app/_components/event-type-form.tsx
index f9c5ea79..a94e2fe8 100644
--- a/app/_components/event-type-form.tsx
+++ b/app/_components/event-type-form.tsx
@@ -115,7 +115,7 @@ const EventTypeForm = ({
                 isMulti
                 label="Inputs"
                 name={field.name}
-                noOptionsMessage={() => 'Type to create a new input'}
+                noOptionsMessage={() => 'Type to create a new input.'}
                 onBlur={field.onBlur}
                 onChange={field.onChange}
                 onCreateOption={(value) =>
diff --git a/app/_components/form-banner.tsx b/app/_components/form-banner.tsx
index ecd300a6..86a5cd78 100644
--- a/app/_components/form-banner.tsx
+++ b/app/_components/form-banner.tsx
@@ -90,7 +90,7 @@ const FormBanner = <T extends FieldValues>({
                 <Select
                   className="mt-16 text-left"
                   instanceId="template-select"
-                  noOptionsMessage={() => 'No templates'}
+                  noOptionsMessage={() => 'No templates.'}
                   onChange={(t) => {
                     const template = (
                       t as NonNullable<ListTemplatesWithDataData>[0]
diff --git a/app/_components/input-form.tsx b/app/_components/input-form.tsx
index 445fe158..8494f8b1 100644
--- a/app/_components/input-form.tsx
+++ b/app/_components/input-form.tsx
@@ -127,7 +127,7 @@ const InputForm = ({
               isMulti
               label="For"
               name={field.name}
-              noOptionsMessage={() => 'No subjects'}
+              noOptionsMessage={() => 'No subjects.'}
               onBlur={field.onBlur}
               onChange={(value) => field.onChange(value)}
               options={subjects as IOption[]}
diff --git a/app/_components/insight-form.tsx b/app/_components/insight-form.tsx
index 2b425e48..20ff65a5 100644
--- a/app/_components/insight-form.tsx
+++ b/app/_components/insight-form.tsx
@@ -132,6 +132,7 @@ const InsightForm = ({ events, insight, subjectId }: InsightFormProps) => {
                 isClearable={false}
                 label="Input"
                 name={field.name}
+                noOptionsMessage={() => 'No inputs have been recorded.'}
                 onBlur={field.onBlur}
                 onChange={(value) => field.onChange((value as IOption).id)}
                 options={inputOptions}
diff --git a/app/_components/module-form-section.tsx b/app/_components/module-form-section.tsx
index e677c4bb..5e38b82b 100644
--- a/app/_components/module-form-section.tsx
+++ b/app/_components/module-form-section.tsx
@@ -181,7 +181,7 @@ const ModuleFormSection = <T extends FieldValues, U extends ArrayPath<T>>({
             isCreatable
             isMulti
             name={field.name}
-            noOptionsMessage={() => 'Type to create a new input'}
+            noOptionsMessage={() => 'Type to create a new input.'}
             onBlur={field.onBlur}
             onChange={field.onChange}
             onCreateOption={(value) =>
@@ -208,7 +208,7 @@ const ModuleFormSection = <T extends FieldValues, U extends ArrayPath<T>>({
               <Select
                 className="mt-16 text-left"
                 instanceId="template-select"
-                noOptionsMessage={() => 'No templates'}
+                noOptionsMessage={() => 'No templates.'}
                 onChange={(t) => {
                   const template = (
                     t as NonNullable<ListTemplatesWithDataData>[0]
diff --git a/app/_components/subject-insights-page.tsx b/app/_components/subject-insights-page.tsx
index fa48fb01..e654bc85 100644
--- a/app/_components/subject-insights-page.tsx
+++ b/app/_components/subject-insights-page.tsx
@@ -39,7 +39,7 @@ const SubjectInsightsPage = async ({
       getCurrentUser(),
     ]);
 
-  if (!subject) return null;
+  if (!subject || !events) return null;
   const isTeamMember = !!user && subject.team_id === user.id;
   const shareOrSubjects = isPublic ? 'share' : 'subjects';
   const searchObject = new URLSearchParams(searchParams);
@@ -58,7 +58,7 @@ const SubjectInsightsPage = async ({
           Create insight
         </Button>
       )}
-      {!events?.length || !insights?.length ? (
+      {!insights?.length ? (
         <Empty className="mt-4">
           <InformationCircleIcon className="w-7" />
           No insights.
diff --git a/app/_components/template-form.tsx b/app/_components/template-form.tsx
index 822e0b1b..46ef8444 100644
--- a/app/_components/template-form.tsx
+++ b/app/_components/template-form.tsx
@@ -123,7 +123,7 @@ const TemplateForm = ({
                 isMulti
                 label="Inputs"
                 name={field.name}
-                noOptionsMessage={() => 'Type to create a new input'}
+                noOptionsMessage={() => 'Type to create a new input.'}
                 onBlur={field.onBlur}
                 onChange={(value) => field.onChange(value)}
                 onCreateOption={(value) =>