-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: rename variables and files reltaed to person history
- Loading branch information
Arnaud AMBROSELLI
committed
Sep 8, 2023
1 parent
5a96764
commit 4b11290
Showing
11 changed files
with
141 additions
and
143 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
123 changes: 123 additions & 0 deletions
123
dashboard/src/scenes/person/components/PersonHistory.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| import { useMemo } from 'react'; | ||
| import { useRecoilValue } from 'recoil'; | ||
| import UserName from '../../../components/UserName'; | ||
| import { teamsState } from '../../../recoil/auth'; | ||
| import { personFieldsIncludingCustomFieldsSelector } from '../../../recoil/persons'; | ||
| import { formatDateWithFullMonth, dayjsInstance } from '../../../services/date'; | ||
|
|
||
| // FIX: there was a bug in history at some point, where the whole person was saved in the history | ||
| // this function removes those entries | ||
| export const cleanHistory = (history = []) => { | ||
| return history.filter((h) => { | ||
| if (JSON.stringify(h.data).includes('encryptedEntityKey')) return false; | ||
| return true; | ||
| }); | ||
| }; | ||
|
|
||
| export default function PersonHistory({ person }) { | ||
| const personFieldsIncludingCustomFields = useRecoilValue(personFieldsIncludingCustomFieldsSelector); | ||
| const teams = useRecoilValue(teamsState); | ||
| const history = useMemo(() => cleanHistory(person.history || []).reverse(), [person.history]); | ||
|
|
||
| return ( | ||
| <div> | ||
| <div className="tw-my-10 tw-flex tw-items-center tw-gap-2"> | ||
| <h3 className="tw-mb-0 tw-flex tw-items-center tw-gap-5 tw-text-xl tw-font-extrabold">Historique</h3> | ||
| </div> | ||
| {!history?.length ? ( | ||
| <div className="tw-py-10 tw-text-center tw-text-gray-300"> | ||
| <p className="tw-text-lg tw-font-bold">Cette personne n'a pas encore d'historique.</p> | ||
| <p className="tw-mt-2 tw-text-sm"> | ||
| Lorsqu'une personne est modifiée, les changements sont enregistrés dans un historique, | ||
| <br /> | ||
| que vous pourrez ainsi retrouver sur cette page. | ||
| </p> | ||
| </div> | ||
| ) : ( | ||
| <table className="table table-striped table-bordered"> | ||
| <thead> | ||
| <tr className="tw-cursor-default"> | ||
| <th>Date</th> | ||
| <th>Utilisateur</th> | ||
| <th>Donnée</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody className="small"> | ||
| {history.map((h) => { | ||
| return ( | ||
| <tr key={h.date} className="tw-cursor-default"> | ||
| <td>{dayjsInstance(h.date).format('DD/MM/YYYY HH:mm')}</td> | ||
| <td> | ||
| <UserName id={h.user} /> | ||
| </td> | ||
| <td className="tw-max-w-prose"> | ||
| {Object.entries(h.data).map(([key, value]) => { | ||
| const personField = personFieldsIncludingCustomFields.find((f) => f.name === key); | ||
| if (key === 'merge') { | ||
| return ( | ||
| <p className="tw-flex tw-flex-col" key={key}> | ||
| <span> | ||
| Fusion avec : <code>"{value.name}"</code> | ||
| </span> | ||
| <small className="tw-opacity-30"> | ||
| Identifiant: <code>"{value._id}"</code> | ||
| </small> | ||
| </p> | ||
| ); | ||
| } | ||
| if (key === 'assignedTeams') { | ||
| return ( | ||
| <p className="tw-flex tw-flex-col" key={key}> | ||
| <span>{personField?.label} : </span> | ||
| <code>"{(value.oldValue || []).map((teamId) => teams.find((t) => t._id === teamId)?.name).join(', ')}"</code> | ||
| <span>↓</span> | ||
| <code>"{(value.newValue || []).map((teamId) => teams.find((t) => t._id === teamId)?.name).join(', ')}"</code> | ||
| </p> | ||
| ); | ||
| } | ||
| if (key === 'outOfActiveListReasons') { | ||
| if (!value.newValue.length) return null; | ||
| return ( | ||
| <p className="tw-flex tw-flex-col" key={key}> | ||
| <span>{personField?.label}: </span> | ||
| <code>{value.newValue.join(', ')}</code> | ||
| </p> | ||
| ); | ||
| } | ||
| if (key === 'outOfActiveList') { | ||
| return ( | ||
| <p className="tw-flex tw-flex-col" key={key}> | ||
| <span>{value.newValue === true ? 'Sortie de file active' : 'Réintégration dans la file active'}</span> | ||
| </p> | ||
| ); | ||
| } | ||
| if (key === 'outOfActiveListDate') { | ||
| if (!value.newValue) return null; | ||
| return ( | ||
| <p className="tw-flex tw-flex-col" key={key}> | ||
| <span>{formatDateWithFullMonth(value.newValue)}</span> | ||
| </p> | ||
| ); | ||
| } | ||
|
|
||
| return ( | ||
| <p | ||
| key={key} | ||
| data-test-id={`${personField?.label || 'Champs personnalisé supprimé'}: ${JSON.stringify( | ||
| value.oldValue || '' | ||
| )} ➔ ${JSON.stringify(value.newValue)}`}> | ||
| {personField?.label || 'Champs personnalisé supprimé'} : <br /> | ||
| <code>{JSON.stringify(value.oldValue || '')}</code> ➔ <code>{JSON.stringify(value.newValue)}</code> | ||
| </p> | ||
| ); | ||
| })} | ||
| </td> | ||
| </tr> | ||
| ); | ||
| })} | ||
| </tbody> | ||
| </table> | ||
| )} | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters