import React, { ReactElement, useEffect } from 'react'; import Head from 'next/head' import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; import dayjs from "dayjs"; import {useAppDispatch, useAppSelector} from "../../stores/hooks"; import {useRouter} from "next/router"; import { fetch } from '../../stores/matters/mattersSlice' import {saveFile} from "../../helpers/fileSaver"; import dataFormatter from '../../helpers/dataFormatter'; import ImageField from "../../components/ImageField"; import LayoutAuthenticated from "../../layouts/Authenticated"; import {getPageTitle} from "../../config"; import SectionTitleLineWithButton from "../../components/SectionTitleLineWithButton"; import SectionMain from "../../components/SectionMain"; import CardBox from "../../components/CardBox"; import BaseButton from "../../components/BaseButton"; import BaseDivider from "../../components/BaseDivider"; import {mdiChartTimelineVariant} from "@mdi/js"; import {SwitchField} from "../../components/SwitchField"; import FormField from "../../components/FormField"; const MattersView = () => { const router = useRouter() const dispatch = useAppDispatch() const { matters } = useAppSelector((state) => state.matters) const { id } = router.query; function removeLastCharacter(str) { console.log(str,`str`) return str.slice(0, -1); } useEffect(() => { dispatch(fetch({ id })); }, [dispatch, id]); return ( <> {getPageTitle('View matters')}

Owner

{matters?.owner?.firstName ?? 'No data'}

Title

{matters?.title}

MatterType

{matters?.matter_type ?? 'No data'}

Status

{matters?.status ?? 'No data'}

Jurisdiction

{matters?.jurisdiction}

CourtName

{matters?.court_name}

CaseNumber

{matters?.case_number}

{matters.filed_at ? :

No FiledAt

}
{matters.next_hearing_at ? :

No NextHearingAt

}

Notes

{matters.notes ?

:

No data

}
<>

Matter_parties Matter

{matters.matter_parties_matter && Array.isArray(matters.matter_parties_matter) && matters.matter_parties_matter.map((item: any) => ( router.push(`/matter_parties/matter_parties-view/?id=${item.id}`)}> ))}
PartyRole DisplayName OrganizationName Email Phone Address
{ item.party_role } { item.display_name } { item.organization_name } { item.email } { item.phone } { item.address }
{!matters?.matter_parties_matter?.length &&
No data
}
<>

Files Matter

{matters.files_matter && Array.isArray(matters.files_matter) && matters.files_matter.map((item: any) => ( router.push(`/files/files-view/?id=${item.id}`)}> ))}
FileName ContentType FileExtension SizeBytes StorageProvider StorageKey ChecksumSha256 IsOcrRequired ProcessingStatus UploadedAt Tags
{ item.file_name } { item.content_type } { item.file_extension } { item.size_bytes } { item.storage_provider } { item.storage_key } { item.checksum_sha256 } { dataFormatter.booleanFormatter(item.is_ocr_required) } { item.processing_status } { dataFormatter.dateTimeFormatter(item.uploaded_at) } { item.tags }
{!matters?.files_matter?.length &&
No data
}
<>

Assistant_threads Matter

{matters.assistant_threads_matter && Array.isArray(matters.assistant_threads_matter) && matters.assistant_threads_matter.map((item: any) => ( router.push(`/assistant_threads/assistant_threads-view/?id=${item.id}`)}> ))}
Title ThreadScope IsPinned LastActivityAt
{ item.title } { item.thread_scope } { dataFormatter.booleanFormatter(item.is_pinned) } { dataFormatter.dateTimeFormatter(item.last_activity_at) }
{!matters?.assistant_threads_matter?.length &&
No data
}
<>

Ai_jobs Matter

{matters.ai_jobs_matter && Array.isArray(matters.ai_jobs_matter) && matters.ai_jobs_matter.map((item: any) => ( router.push(`/ai_jobs/ai_jobs-view/?id=${item.id}`)}> ))}
JobType Status InputSummary OutputSummary CostUSD QueuedAt StartedAt CompletedAt ErrorMessage
{ item.job_type } { item.status } { item.input_summary } { item.output_summary } { item.cost_usd } { dataFormatter.dateTimeFormatter(item.queued_at) } { dataFormatter.dateTimeFormatter(item.started_at) } { dataFormatter.dateTimeFormatter(item.completed_at) } { item.error_message }
{!matters?.ai_jobs_matter?.length &&
No data
}
<>

Generated_documents Matter

{matters.generated_documents_matter && Array.isArray(matters.generated_documents_matter) && matters.generated_documents_matter.map((item: any) => ( router.push(`/generated_documents/generated_documents-view/?id=${item.id}`)}> ))}
DocumentTitle DocumentType Format LastEditedAt
{ item.document_title } { item.document_type } { item.format } { dataFormatter.dateTimeFormatter(item.last_edited_at) }
{!matters?.generated_documents_matter?.length &&
No data
}
<>

Research_queries Matter

{matters.research_queries_matter && Array.isArray(matters.research_queries_matter) && matters.research_queries_matter.map((item: any) => ( router.push(`/research_queries/research_queries-view/?id=${item.id}`)}> ))}
QueryText Jurisdiction SourceScope SearchedAt FiltersJson
{ item.query_text } { item.jurisdiction } { item.source_scope } { dataFormatter.dateTimeFormatter(item.searched_at) } { item.filters_json }
{!matters?.research_queries_matter?.length &&
No data
}
<>

Citator_checks Matter

{matters.citator_checks_matter && Array.isArray(matters.citator_checks_matter) && matters.citator_checks_matter.map((item: any) => ( router.push(`/citator_checks/citator_checks-view/?id=${item.id}`)}> ))}
Standing Analysis ConflictsSummary CheckedAt
{ item.standing } { item.analysis } { item.conflicts_summary } { dataFormatter.dateTimeFormatter(item.checked_at) }
{!matters?.citator_checks_matter?.length &&
No data
}
<>

Mock_trials Matter

{matters.mock_trials_matter && Array.isArray(matters.mock_trials_matter) && matters.mock_trials_matter.map((item: any) => ( router.push(`/mock_trials/mock_trials-view/?id=${item.id}`)}> ))}
SessionTitle Mode InputType Status ScheduledAt StartedAt EndedAt
{ item.session_title } { item.mode } { item.input_type } { item.status } { dataFormatter.dateTimeFormatter(item.scheduled_at) } { dataFormatter.dateTimeFormatter(item.started_at) } { dataFormatter.dateTimeFormatter(item.ended_at) }
{!matters?.mock_trials_matter?.length &&
No data
}
<>

Transcription_jobs Matter

{matters.transcription_jobs_matter && Array.isArray(matters.transcription_jobs_matter) && matters.transcription_jobs_matter.map((item: any) => ( router.push(`/transcription_jobs/transcription_jobs-view/?id=${item.id}`)}> ))}
Status SourceLanguage TargetLanguage SpeakerDiarization ConfidenceAvg TranscriptText SummaryText StartedAt FinishedAt ErrorMessage
{ item.status } { item.source_language } { item.target_language } { dataFormatter.booleanFormatter(item.speaker_diarization) } { item.confidence_avg } { item.transcript_text } { item.summary_text } { dataFormatter.dateTimeFormatter(item.started_at) } { dataFormatter.dateTimeFormatter(item.finished_at) } { item.error_message }
{!matters?.transcription_jobs_matter?.length &&
No data
}
<>

Medical_chronology_reports Matter

{matters.medical_chronology_reports_matter && Array.isArray(matters.medical_chronology_reports_matter) && matters.medical_chronology_reports_matter.map((item: any) => ( router.push(`/medical_chronology_reports/medical_chronology_reports-view/?id=${item.id}`)}> ))}
ReportTitle Status GeneratedAt
{ item.report_title } { item.status } { dataFormatter.dateTimeFormatter(item.generated_at) }
{!matters?.medical_chronology_reports_matter?.length &&
No data
}
<>

Causation_analyses Matter

{matters.causation_analyses_matter && Array.isArray(matters.causation_analyses_matter) && matters.causation_analyses_matter.map((item: any) => ( router.push(`/causation_analyses/causation_analyses-view/?id=${item.id}`)}> ))}
AnalysisTitle Status GeneratedAt
{ item.analysis_title } { item.status } { dataFormatter.dateTimeFormatter(item.generated_at) }
{!matters?.causation_analyses_matter?.length &&
No data
}
<>

Audit_events Matter

{matters.audit_events_matter && Array.isArray(matters.audit_events_matter) && matters.audit_events_matter.map((item: any) => ( router.push(`/audit_events/audit_events-view/?id=${item.id}`)}> ))}
EventName EventCategory EventDetails OccurredAt IpAddress UserAgent
{ item.event_name } { item.event_category } { item.event_details } { dataFormatter.dateTimeFormatter(item.occurred_at) } { item.ip_address } { item.user_agent }
{!matters?.audit_events_matter?.length &&
No data
}
router.push('/matters/matters-list')} />
); }; MattersView.getLayout = function getLayout(page: ReactElement) { return ( {page} ) } export default MattersView;