feat: patrimoines (#9)

* feat: patrimoine provider

* feat: configuration

* chore: base ui

* feat: show all fields

Author: RickaPrincy

src/dashboard.tsx

@@ -4,6 +4,7 @@ import { harenaDarkTheme, harenaLightTheme } from './harena-theme';
 import { authProvider } from './providers/auth-provider';
 import { dataProvider } from './providers';
 import { DUMMY_UI } from './operations/dummies';
+import { PATRIMOINE_UI } from './operations/patrimoines';
 
 const Dashboard = () => (
   <Admin
@@ -17,6 +18,7 @@ const Dashboard = () => (
     dataProvider={dataProvider}
   >
     <Resource name="dummies" {...DUMMY_UI} />
+    <Resource name="patrimoines" {...PATRIMOINE_UI} />
   </Admin>
 );
 

src/layout/menu.tsx

@@ -5,6 +5,7 @@ export const Menu = () => {
     <RaMenu>
       {/* <RaMenu.Item to="/" leftIcon={<ProfileIcon />} primaryText="Profile" /> */}
       <RaMenu.ResourceItem name="dummies" />
+      <RaMenu.ResourceItem name="patrimoines" />
     </RaMenu>
   );
 };

src/operations/patrimoines/index.tsx

@@ -0,0 +1,13 @@
+import { PatrimoineList } from './patrimoine-list';
+import { PatrimoineShow } from './patrimoine-show';
+import { PatrimoineCreate } from './patrimoine-create';
+import { UI } from '../common/utils/types';
+import { PatrimoineEdit } from './patrimoine-edit';
+
+export const PATRIMOINE_UI: UI = {
+  list: PatrimoineList,
+  show: PatrimoineShow,
+  create: PatrimoineCreate,
+  edit: PatrimoineEdit,
+  recordRepresentation: 'nom',
+};

src/operations/patrimoines/patrimoine-create.tsx

@@ -0,0 +1,22 @@
+import { Create, DateInput, SimpleForm, TextInput } from 'react-admin';
+import { useParams } from 'react-router-dom';
+import { required } from '@/operations/common/input-validator';
+
+export const PatrimoineCreate = () => {
+  const { id } = useParams();
+
+  return (
+    <Create id={id}>
+      <SimpleForm>
+        <TextInput fullWidth source="nom" label="Nom" validate={required()} />
+        <DateInput fullWidth source="t" label="Date T" validate={required()} />
+        <TextInput
+          fullWidth
+          source="possesseur.nom"
+          label="Possesseur"
+          validate={required()}
+        />
+      </SimpleForm>
+    </Create>
+  );
+};

src/operations/patrimoines/patrimoine-edit.tsx

@@ -0,0 +1,22 @@
+import { DateInput, Edit, SimpleForm, TextInput } from 'react-admin';
+import { useParams } from 'react-router-dom';
+import { required } from '@/operations/common/input-validator';
+
+export const PatrimoineEdit = () => {
+  const { id } = useParams();
+
+  return (
+    <Edit id={id}>
+      <SimpleForm>
+        <TextInput fullWidth source="nom" label="Nom" validate={required()} />
+        <DateInput fullWidth source="t" label="Date T" validate={required()} />
+        <TextInput
+          fullWidth
+          source="possesseur.nom"
+          label="Possesseur"
+          validate={required()}
+        />
+      </SimpleForm>
+    </Edit>
+  );
+};

src/operations/patrimoines/patrimoine-list.tsx

@@ -0,0 +1,34 @@
+import {
+  CreateButton,
+  Datagrid,
+  DateField,
+  FunctionField,
+  List,
+  TextField,
+  TopToolbar,
+} from 'react-admin';
+import { renderMoney } from '../common/utils/typo';
+
+export const PatrimoineListActions = () => {
+  return (
+    <TopToolbar>
+      <CreateButton />
+    </TopToolbar>
+  );
+};
+
+export const PatrimoineList = () => {
+  return (
+    <List actions={<PatrimoineListActions />}>
+      <Datagrid bulkActionButtons={false}>
+        <TextField source="nom" label="Nom" />
+        <DateField source="t" label="Date T" />
+        <TextField source="possesseur.nom" label="Possesseur" />
+        <FunctionField
+          render={(patrimoine) => renderMoney(patrimoine.valeur_comptable)}
+          label="Valeur Comptable"
+        />
+      </Datagrid>
+    </List>
+  );
+};

src/operations/patrimoines/patrimoine-show.tsx

@@ -0,0 +1,37 @@
+import {
+  DateField,
+  EditButton,
+  FunctionField,
+  Show,
+  SimpleShowLayout,
+  TextField,
+  TopToolbar,
+} from 'react-admin';
+import { useParams } from 'react-router-dom';
+import { renderMoney } from '../common/utils/typo';
+
+const PatrimoineShowActions = () => {
+  return (
+    <TopToolbar>
+      <EditButton />
+    </TopToolbar>
+  );
+};
+
+export const PatrimoineShow = () => {
+  const { id } = useParams();
+
+  return (
+    <Show id={id} actions={<PatrimoineShowActions />}>
+      <SimpleShowLayout>
+        <TextField source="nom" label="Nom" />
+        <DateField source="t" label="Date T" />
+        <TextField source="possesseur.nom" label="Possesseur" />
+        <FunctionField
+          render={(patrimoine) => renderMoney(patrimoine.valeur_comptable)}
+          label="Valeur Comptable"
+        />
+      </SimpleShowLayout>
+    </Show>
+  );
+};

src/providers/api.ts

@@ -1,3 +1,4 @@
 import { PatrimoineApi } from '@harena-com/typescript-client';
+import { getConfiguration } from './utils';
 
-export const patrimoineApi = () => new PatrimoineApi();
+export const patrimoineApi = () => new PatrimoineApi(getConfiguration());

src/providers/data-provider.ts

@@ -1,11 +1,14 @@
 import { DataProvider } from 'react-admin';
 import { HarenaDataProvider } from './types';
 import { dummyProvider } from './dummy-provider';
+import { patrimoineProvider } from './patrimoine-provider';
 
 export const getProvider = (resource: string): HarenaDataProvider<any> => {
   switch (resource) {
     case 'dummies':
       return dummyProvider;
+    case 'patrimoines':
+      return patrimoineProvider;
     default:
       throw new Error('Unknown resource type');
   }

src/providers/index.ts

@@ -1 +1,2 @@
 export * from './data-provider';
+export * from './patrimoine-provider';

src/providers/patrimoine-provider.ts

@@ -0,0 +1,27 @@
+import { Patrimoine } from '@harena-com/typescript-client';
+import { HarenaDataProvider } from './types';
+import { patrimoineApi } from './api';
+import { addIdField } from './utils';
+
+export const patrimoineProvider: HarenaDataProvider<Patrimoine> = {
+  getOne: async (nom) => {
+    return patrimoineApi()
+      .getPatrimoineByNom(nom)
+      .then((response) => addIdField(response.data, 'nom'));
+  },
+  getList: async (page, pageSize) => {
+    return patrimoineApi()
+      .getPatrimoines(page, pageSize)
+      .then((response) =>
+        response.data.data!.map((patrimoine) => addIdField(patrimoine, 'nom'))
+      );
+  },
+  saveOrUpdate: async (payload) => {
+    return patrimoineApi()
+      .crupdatePatrimoines({ data: [payload] })
+      .then((response) => addIdField(response.data.data![0], 'nom'));
+  },
+  delete: () => {
+    throw new Error('Not Implemented');
+  },
+};

src/providers/types.ts

@@ -1,7 +1,6 @@
-export type ResourceIdentifier = { id: string };
 export type MutationType = 'CREATE' | 'UPDATE';
 
-export type HarenaDataProvider<T extends ResourceIdentifier> = {
+export type HarenaDataProvider<T> = {
   getOne: (id: string, meta: any) => Promise<T>;
   saveOrUpdate: (
     payload: T,

src/providers/utils.ts

@@ -0,0 +1,13 @@
+import { Configuration } from '@harena-com/typescript-client';
+
+export const addIdField = <T>(data: T, key: keyof T) => {
+  return { ...data, id: data[key] };
+};
+
+export const BASE_PATH = process.env.REACT_APP_HARENA_COM_API!;
+
+export const getConfiguration = () => {
+  const newConfig = new Configuration();
+  newConfig.basePath = BASE_PATH;
+  return newConfig;
+};