From 30317b1810a89a4ecc8d956634119b5c3c56bd1a Mon Sep 17 00:00:00 2001
From: ValentinVignal <valentin.vignal.dev@outlook.fr>
Date: Sun, 25 Feb 2024 19:37:27 +0800
Subject: [PATCH] style: Rename departement in department in the code

---
 src/App.tsx                                      |  2 +-
 src/pages/global-info/GlobalInfo.tsx             | 16 ++++++++--------
 src/pages/per-picture-info/PerPictureInfo.tsx    |  2 +-
 .../per-picture-info/PictureInfoEditModal.tsx    |  6 +++---
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 6fe81f9..a04df4e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -75,7 +75,7 @@ function App (): JSX.Element {
 
   const [imageUploads, setImageUploads] = useState<File[]>([])
   const [globalInfo, setGlobalInfo] = useState<GlobalInfoData | null>(
-    { consent: true, datetime: new Date(), departement: 'Aine' }
+    { consent: true, datetime: new Date(), department: 'Aine' }
   )
   const [, setPicturesInfo] = useState<PictureInfo[]>([])
 
diff --git a/src/pages/global-info/GlobalInfo.tsx b/src/pages/global-info/GlobalInfo.tsx
index 7455a7a..bccec62 100644
--- a/src/pages/global-info/GlobalInfo.tsx
+++ b/src/pages/global-info/GlobalInfo.tsx
@@ -114,17 +114,17 @@ const departments: DepartmentInfo = {
 
 export interface GlobalInfoData {
   datetime: Date
-  departement: string
+  department: string
   consent: boolean
 }
 
 export const GlobalInfo = ({ imageUploads, onSubmit }: { imageUploads: File[], onSubmit: (output: GlobalInfoData) => void }): JSX.Element => {
   const [consentCheckboxChecked, setConsentCheckboxChecked] = useState(false)
   const [date, setDate] = useState<Date | null>(new Date(imageUploads[0].lastModified))
-  const [departement, setDepartement] = useState<string | null>(null)
+  const [department, setDepartment] = useState<string | null>(null)
 
   const isValid = (): boolean => {
-    if (!consentCheckboxChecked && (departement === null)) return false
+    if (!consentCheckboxChecked && (department === null)) return false
     if (date === null || date.getTime() > Date.now()) {
       // If the date is in the future, it's not valid
       return false
@@ -136,7 +136,7 @@ export const GlobalInfo = ({ imageUploads, onSubmit }: { imageUploads: File[], o
     if (!isValid()) { return }
     onSubmit({
       datetime: date!,
-      departement: departement as string,
+      department: department!,
       consent: consentCheckboxChecked
     })
   }
@@ -146,7 +146,7 @@ export const GlobalInfo = ({ imageUploads, onSubmit }: { imageUploads: File[], o
       <h2>Ajoutez des informations pour ces photos </h2>
       <h3>Vous pourrez éditer l&apos;emplacement pour chaque photo à l&#39;étape suivante.</h3>
       <div id="form" className='formBox' >
-        <GlobalInfoForm date={date} onDateTimeChange={setDate} onDepartementChange={setDepartement}/>
+        <GlobalInfoForm date={date} onDateTimeChange={setDate} onDepartmentChange={setDepartment}/>
       </div>
       <Checkbox label="J'accepte que ces photos soient intégrées à un jeu de données public" onChecked={setConsentCheckboxChecked} checked={consentCheckboxChecked}/>
       <Button text='Suivant' filled disabled={!isValid()} onClick={onButtonClick}/>
@@ -156,7 +156,7 @@ export const GlobalInfo = ({ imageUploads, onSubmit }: { imageUploads: File[], o
 
 GlobalInfo.displayName = 'GlobalInfo'
 
-export const GlobalInfoForm = ({ date, onDateTimeChange, onDepartementChange, initialDepartement }: { date: Date | null, onDateTimeChange: (dateTime: Date) => void, onDepartementChange: (departement: string | null) => void, initialDepartement?: string }): JSX.Element => {
+export const GlobalInfoForm = ({ date, onDateTimeChange, onDepartmentChange, initialDepartment }: { date: Date | null, onDateTimeChange: (dateTime: Date) => void, onDepartmentChange: (department: string | null) => void, initialDepartment?: string }): JSX.Element => {
   return (
     <>
       <DateTimePicker dateTime={date} onChange={onDateTimeChange}/>
@@ -166,8 +166,8 @@ export const GlobalInfoForm = ({ date, onDateTimeChange, onDepartementChange, in
         placeholder='Choisir un département'
         icon={faChevronDown}
         items={Object.keys(departments).map((name) => ({ displayName: name, value: name }))}
-        onChange={onDepartementChange}
-        initialValue={initialDepartement}
+        onChange={onDepartmentChange}
+        initialValue={initialDepartment}
       />
     </>
   )
diff --git a/src/pages/per-picture-info/PerPictureInfo.tsx b/src/pages/per-picture-info/PerPictureInfo.tsx
index b7e1192..4c280b3 100644
--- a/src/pages/per-picture-info/PerPictureInfo.tsx
+++ b/src/pages/per-picture-info/PerPictureInfo.tsx
@@ -131,7 +131,7 @@ export const PerPictureInfo = ({
       <div className="pillsContainer">
         <Pill text={formatDate(perPictureInfo[currentPictureIndex].datetime)} onClick={onPillClick} icon={faPencil}/>
         <Pill text={formatTime(perPictureInfo[currentPictureIndex].datetime)} onClick={onPillClick} icon={faPencil}/>
-        <Pill text={perPictureInfo[currentPictureIndex].departement} onClick={onPillClick} icon={faPencil}/>
+        <Pill text={perPictureInfo[currentPictureIndex].department} onClick={onPillClick} icon={faPencil}/>
       </div>
       <h3>Quels éléments apparaissent ?</h3>
       <p>Sélectionnez les éléments que vous voyez</p>
diff --git a/src/pages/per-picture-info/PictureInfoEditModal.tsx b/src/pages/per-picture-info/PictureInfoEditModal.tsx
index 1f76f14..40ab8c7 100644
--- a/src/pages/per-picture-info/PictureInfoEditModal.tsx
+++ b/src/pages/per-picture-info/PictureInfoEditModal.tsx
@@ -12,15 +12,15 @@ export type PictureInfoEditModalContext = PictureInfo & {
 
 export const PictureInfoEditModal: ModalInnerComponent = ({ close, context }: { close: () => void, context: PictureInfoEditModalContext }): JSX.Element => {
   const [date, setDate] = useState<Date>(context.datetime)
-  const [departement, setDepartement] = useState<string | null>(context.departement)
+  const [department, setDepartment] = useState<string | null>(context.department)
   const submit = (): void => {
-    context.patchInfo({ datetime: date, departement: departement as string, consent: true })
+    context.patchInfo({ datetime: date, department: department as string, consent: true })
     close()
   }
   // todo : fix validity
   return (<>
     <FontAwesomeIcon icon={faCircleXmark} className='closeIcon' onClick={close}/>
-    <GlobalInfoForm date={date} onDateTimeChange={setDate} onDepartementChange={(d) => setDepartement(d as string)} initialDepartement={context.departement}/>
+    <GlobalInfoForm date={date} onDateTimeChange={setDate} onDepartmentChange={(d) => setDepartment(d as string)} initialDepartment={context.department}/>
     <Button text='Valider' onClick={submit}/>
   </>)
 }