@kelpie/ui 0.11.0 → 0.13.0

package/src/pages/EnquiryDetail.tsx

@@ -17,6 +17,7 @@ import {
 } from '../api/resources/conversions.ts'
 import { useFormSubmissionsForRecord } from '../api/resources/forms.ts'
 import { useMembers } from '../api/resources/members.ts'
+import { useModuleEnabled } from '../api/resources/moduleSettings.ts'
 import { usePeople } from '../api/resources/people.ts'
 import { usePipelineStages } from '../api/resources/pipelineStages.ts'
 import { useRecordPlanItems } from '../api/resources/planItems.ts'
@@ -33,6 +34,7 @@ import { CustomFieldsPanel } from '../components/CustomFieldsPanel.tsx'
 import { useHasCustomFields } from '../components/useHasCustomFields.ts'
 import { InlineEdit } from '../components/InlineEdit.tsx'
 import { ListsPanel } from '../components/ListsPanel.tsx'
+import { LinkedEventsPanel } from '../components/LinkedEventsPanel.tsx'
 import { NotesPanel } from '../components/NotesPanel.tsx'
 import { PlanAttention } from '../components/PlanAttention.tsx'
 import { PlanPanel } from '../components/PlanPanel.tsx'
@@ -68,6 +70,7 @@ export function EnquiryDetail(): React.JSX.Element {
   const deleteEnquiry = useDeleteEnquiry()
   const moduleTabs = inSlotOrder(useRecordTabs('enquiry'))
   const hasCustomFields = useHasCustomFields('enquiry')
+  const eventsEnabled = useModuleEnabled('events')
   const [activeTab, setActiveTab] = useState('overview')
   const [showConvert, setShowConvert] = useState(false)
   const formSubmissions = useFormSubmissionsForRecord('enquiry', id)
@@ -92,6 +95,7 @@ export function EnquiryDetail(): React.JSX.Element {
     { id: 'notes', label: 'Notes' },
     { id: 'decisions', label: 'Decisions' },
     { id: 'lists', label: 'Lists' },
+    ...(eventsEnabled ? [{ id: 'events', label: 'Events' }] : []),
     ...(formSubmissions.records.length === 0
       ? []
       : [{ id: 'forms', label: 'Forms', count: formSubmissions.records.length }]),
@@ -179,6 +183,9 @@ export function EnquiryDetail(): React.JSX.Element {
               <DecisionsPanel targetType="enquiry" targetId={record.id} />
             )}
             {active === 'lists' && <ListsPanel targetType="enquiry" targetId={record.id} />}
+            {active === 'events' && (
+              <LinkedEventsPanel targetType="enquiry" targetId={record.id} />
+            )}
             {active === 'forms' && <FormsPanel targetType="enquiry" targetId={record.id} />}
             {moduleTab?.render({ objectType: 'enquiry', recordId: record.id })}
           </RecordTabs>