RA Profile

src/components/Admin/Admin.tsx

@@ -38,6 +38,9 @@ import {SolutionCreate} from './resources/competition/solution/SolutionCreate'
 import {SolutionEdit} from './resources/competition/solution/SolutionEdit'
 import {SolutionList} from './resources/competition/solution/SolutionList'
 import {SolutionShow} from './resources/competition/solution/SolutionShow'
+import {ProfileCreate} from './resources/personal/profiles/ProfileCreate'
+import {ProfileList} from './resources/personal/profiles/ProfileList'
+import {ProfileShow} from './resources/personal/profiles/ProfileShow'
 import {useAuthProvider} from './useAuthProvider'
 
 export const Admin: FC = () => {
@@ -110,7 +113,13 @@ export const Admin: FC = () => {
         create={EventRegistrationCreate}
       />
       <Resource name="personal/schools" recordRepresentation="verbose_name" />
-      <Resource name="personal/profiles" recordRepresentation="verbose_name" />
+      <Resource
+        name="personal/profiles"
+        recordRepresentation="verbose_name"
+        list={ProfileList}
+        show={ProfileShow}
+        create={ProfileCreate}
+      />
       <Resource name="competition/late-tag" recordRepresentation="name" />
     </ReactAdmin>
   )

src/components/Admin/resources/personal/profiles/ProfileCreate.tsx

@@ -0,0 +1,24 @@
+import {FC} from 'react'
+import {AutocompleteInput, ReferenceInput, required, SimpleForm, TextInput} from 'react-admin'
+
+import {MyCreate} from '@/components/Admin/custom/MyCreate'
+
+export const ProfileCreate: FC = () => (
+  <MyCreate
+    transform={(record) => {
+      const {school, ...rest} = record
+      return {...rest, school_id: school}
+    }}
+  >
+    <SimpleForm>
+      <TextInput source="first_name" label="Meno" validate={required()} />
+      <TextInput source="last_name" label="Priezvisko" validate={required()} />
+      <ReferenceInput source="school" reference="personal/schools">
+        <AutocompleteInput optionText="verbose_name" fullWidth validate={required()} label="Škola" />
+      </ReferenceInput>
+      <ReferenceInput source="grade" reference="competition/grade">
+        <AutocompleteInput optionText="name" fullWidth validate={required()} label="Ročník" />
+      </ReferenceInput>
+    </SimpleForm>
+  </MyCreate>
+)

src/components/Admin/resources/personal/profiles/ProfileEdit.tsx

@@ -0,0 +1 @@
+// For now we have decided we do not want to edit user profile in React Admin

src/components/Admin/resources/personal/profiles/ProfileList.tsx

@@ -0,0 +1,15 @@
+import {FC} from 'react'
+import {Datagrid, List, ReferenceField, TextField} from 'react-admin'
+
+export const ProfileList: FC = () => (
+  <List>
+    <Datagrid rowClick="show">
+      <TextField source="first_name" label="Meno" />
+      <TextField source="last_name" label="Priezvisko" />
+      <TextField source="school.verbose_name" label="Škola" />
+      <ReferenceField source="grade" reference="competition/grade" label="Ročník">
+        <TextField source="tag" />
+      </ReferenceField>
+    </Datagrid>
+  </List>
+)

src/components/Admin/resources/personal/profiles/ProfileShow.tsx

@@ -0,0 +1,17 @@
+import {FC} from 'react'
+import {ReferenceField, SimpleShowLayout, TextField} from 'react-admin'
+
+import {MyShow} from '@/components/Admin/custom/MyShow'
+
+export const ProfileShow: FC = () => (
+  <MyShow>
+    <SimpleShowLayout>
+      <TextField source="first_name" label="Meno" />
+      <TextField source="last_name" label="Priezvisko" />
+      <TextField source="school.verbose_name" label="Škola" />
+      <ReferenceField source="grade" reference="competition/grade" label="Ročník">
+        <TextField source="tag" />
+      </ReferenceField>
+    </SimpleShowLayout>
+  </MyShow>
+)