Added SeasonCodeField to event

src/components/Admin/custom/SeasonCodeField.tsx

@@ -0,0 +1,16 @@
+import {FC} from 'react'
+import {FunctionField, FunctionFieldProps} from 'react-admin'
+
+import {seasonCodeStrings} from '../seasonCodeStrings'
+
+export const SeasonCodeField: FC<Omit<FunctionFieldProps, 'render'>> = ({source, ...rest}) => {
+  return (
+    <FunctionField
+      source={source}
+      render={(record) => {
+        return `${seasonCodeStrings[record.season_code].name ?? ''}`
+      }}
+      {...rest}
+    />
+  )
+}

src/components/Admin/resources/competition/event/EventList.tsx

@@ -2,13 +2,14 @@ import {FC} from 'react'
 import {Datagrid, FunctionField, List, NumberField, RaRecord, ReferenceField, TextField} from 'react-admin'
 
 import {DateTimeField} from '@/components/Admin/custom/DateTimeField'
+import {SeasonCodeField} from '@/components/Admin/custom/SeasonCodeField'
 
 export const EventList: FC = () => (
   <List>
     <Datagrid rowClick="show">
       <ReferenceField source="competition" reference="competition/competition" link={false} />
       <NumberField source="year" />
-      <NumberField source="season_code" />
+      <SeasonCodeField source="season_code" />
       <TextField source="school_year" />
       <DateTimeField source="start" />
       <DateTimeField source="end" />

src/components/Admin/resources/competition/event/EventShow.tsx

@@ -12,6 +12,7 @@ import {
 
 import {DateTimeField} from '@/components/Admin/custom/DateTimeField'
 import {MyShow} from '@/components/Admin/custom/MyShow'
+import {SeasonCodeField} from '@/components/Admin/custom/SeasonCodeField'
 
 export const EventShow: FC = () => (
   <MyShow>
@@ -20,7 +21,7 @@ export const EventShow: FC = () => (
         <SimpleShowLayout>
           <ReferenceField source="competition" reference="competition/competition" link="show" />
           <NumberField source="year" />
-          <NumberField source="season_code" />
+          <SeasonCodeField source="season_code" />
           <TextField source="school_year" />
           <DateTimeField source="start" />
           <DateTimeField source="end" />

src/components/Admin/resources/competition/semester/SemesterCreate.tsx

@@ -13,7 +13,7 @@ import {
 import {MyCreate} from '@/components/Admin/custom/MyCreate'
 import {MyDateTimeInput} from '@/components/Admin/custom/MyDateTimeInput'
 
-import {seasonCodeStrings} from './seasonCodeStrings'
+import {seasonCodeStrings} from '../../../seasonCodeStrings'
 
 export const SemesterCreate: FC = () => (
   <MyCreate>

src/components/Admin/resources/competition/semester/SemesterEdit.tsx

@@ -14,7 +14,7 @@ import {
 import {MyDateTimeInput} from '@/components/Admin/custom/MyDateTimeInput'
 import {MyEdit} from '@/components/Admin/custom/MyEdit'
 
-import {seasonCodeStrings} from './seasonCodeStrings'
+import {seasonCodeStrings} from '../../../seasonCodeStrings'
 
 export const SemesterEdit: FC = () => (
   <MyEdit

src/components/Admin/resources/competition/semester/SemesterList.tsx

@@ -11,20 +11,14 @@ import {
 } from 'react-admin'
 
 import {DateTimeField} from '@/components/Admin/custom/DateTimeField'
-
-import {seasonCodeStrings} from './seasonCodeStrings'
+import {SeasonCodeField} from '@/components/Admin/custom/SeasonCodeField'
 
 export const SemesterList: FC = () => (
   <List>
     <Datagrid rowClick="show">
       <ReferenceField source="competition" reference="competition/competition" link={false} />
       <NumberField source="year" />
-      <FunctionField
-        source="season_code"
-        render={(record) => {
-          return `${seasonCodeStrings[record.season_code].name ?? ''}`
-        }}
-      />
+      <SeasonCodeField source="season_code" />
       <TextField source="school_year" />
       <DateTimeField source="start" />
       <DateTimeField source="end" />

src/components/Admin/resources/competition/semester/SemesterShow.tsx

@@ -3,7 +3,6 @@ import {
   ArrayField,
   BooleanField,
   Datagrid,
-  FunctionField,
   NumberField,
   ReferenceArrayField,
   ReferenceField,
@@ -15,23 +14,17 @@ import {
 
 import {DateTimeField} from '@/components/Admin/custom/DateTimeField'
 import {MyShow} from '@/components/Admin/custom/MyShow'
+import {SeasonCodeField} from '@/components/Admin/custom/SeasonCodeField'
 import {TruncatedTextField} from '@/components/Admin/custom/TruncatedTextField'
 
-import {seasonCodeStrings} from './seasonCodeStrings'
-
 export const SemesterShow: FC = () => (
   <MyShow>
     <TabbedShowLayout>
       <Tab label="general">
         <SimpleShowLayout>
           <ReferenceField source="competition" reference="competition/competition" link="show" />
           <NumberField source="year" />
-          <FunctionField
-            source="season_code"
-            render={(record) => {
-              return `${seasonCodeStrings[record.season_code].name ?? ''}`
-            }}
-          />
+          <SeasonCodeField source="season_code" />
           <TextField source="school_year" />
           <DateTimeField source="start" />
           <DateTimeField source="end" />