From 57065ae7e060b6872045d21c664ff0769e3cc364 Mon Sep 17 00:00:00 2001
From: Smilinko <martin.smilnak@gmail.com>
Date: Sun, 10 Dec 2023 01:21:36 +0100
Subject: [PATCH] Competition year format without spaces

---
 .../competition/CompetitionShow.tsx           | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/Admin/resources/competition/competition/CompetitionShow.tsx b/src/components/Admin/resources/competition/competition/CompetitionShow.tsx
index 7ea13155..bfeeb1b8 100644
--- a/src/components/Admin/resources/competition/competition/CompetitionShow.tsx
+++ b/src/components/Admin/resources/competition/competition/CompetitionShow.tsx
@@ -1,9 +1,12 @@
+import {Divider} from '@mui/material'
 import {FC} from 'react'
 import {
   ArrayField,
   Datagrid,
   DateField,
+  FunctionField,
   NumberField,
+  RaRecord,
   Show,
   SimpleShowLayout,
   Tab,
@@ -11,11 +14,12 @@ import {
   TextField,
 } from 'react-admin'
 
-import {JsonField} from '@/components/Admin/custom/JsonField'
 import {MyShowActions} from '@/components/Admin/custom/MyShowActions'
 import {SitesArrayField} from '@/components/Admin/custom/SitesArrayField'
 import {TruncatedTextField} from '@/components/Admin/custom/TruncatedTextField'
 
+import {UpcomingOrCurrentEvent} from './UpcomingOrCurrentEvent'
+
 export const CompetitionShow: FC = () => (
   <Show actions={<MyShowActions />}>
     <TabbedShowLayout>
@@ -26,24 +30,29 @@ export const CompetitionShow: FC = () => (
           <TextField source="start_year" />
           <TruncatedTextField source="description" maxTextWidth={100} expandable />
           <TruncatedTextField source="rules" maxTextWidth={200} expandable />
-          <NumberField source="competition_type.id" />
-          <TextField source="competition_type.name" />
+          <TextField source="competition_type.name" label="Competition type" />
           <SitesArrayField source="sites" />
-          <NumberField source="min_years_until_graduation" />
           <TextField source="who_can_participate" />
-          <JsonField source="upcoming_or_current_event" />
+          <NumberField source="min_years_until_graduation" />
+
+          <Divider />
+          <UpcomingOrCurrentEvent />
         </SimpleShowLayout>
       </Tab>
       <Tab label="history_events">
         <SimpleShowLayout>
           <ArrayField source="history_events">
-            <Datagrid>
+            <Datagrid rowClick={(id) => `/competition/event/${id}/show`}>
               <NumberField source="year" />
+              <NumberField source="season_code" />
               <TextField source="school_year" />
               <DateField source="start" />
               <DateField source="end" />
-              <NumberField source="season_code" />
-              <NumberField source="competition" />
+              <FunctionField<RaRecord>
+                source="publication_set"
+                label="Publication count"
+                render={(record) => record && <span>{record['publication_set'].length}</span>}
+              />
             </Datagrid>
           </ArrayField>
         </SimpleShowLayout>