refactor: renomme LogoutCountdown en SessionExpired

components/konstitisyon/create/handle-create.js

@@ -3,7 +3,7 @@ import {useEffect, useRef, useState} from 'react'
 import FormHandler from '../form-handler.js'
 import {handleSubmit} from '@/lib/directus.js'
 import {formatFormContent} from '@/lib/format.js'
-import LogoutCountdown from '@/components/session/logout-countdown.js'
+import SessionExpired from '@/components/session/session-expired.js'
 
 export default function HandleCreate({
   session,
@@ -99,7 +99,7 @@ export default function HandleCreate({
           dialogText='Écrivez votre titre'
           label='titre'
         />
-        <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+        <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
       </>
     )
   }
@@ -123,7 +123,7 @@ export default function HandleCreate({
           dialogText='Écrivez votre commentaire'
           label='commentaire'
         />
-        <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+        <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
       </>
     )
   }
@@ -147,7 +147,7 @@ export default function HandleCreate({
           dialogText='Écrivez votre article'
           label='article'
         />
-        <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+        <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
       </>
     )
   }

components/konstitisyon/edit/handle-edit.js

@@ -5,7 +5,7 @@ import {useRef} from 'react'
 import FormHandler from '../form-handler.js'
 import {formatFormContent} from '@/lib/format.js'
 import {createVersion} from '@/lib/directus.js'
-import LogoutCountdown from '@/components/session/logout-countdown.js'
+import SessionExpired from '@/components/session/session-expired.js'
 
 export default function HandleEdit({
   id,
@@ -60,7 +60,7 @@ export default function HandleEdit({
           dialogText='Modifiez le titre'
           label='titre'
         />
-        <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+        <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
       </>
     )
   }
@@ -81,7 +81,7 @@ export default function HandleEdit({
           dialogText='Modifiez l’article'
           label='titre'
         />
-        <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+        <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
       </>
     )
   }

components/konstitisyon/form-handler.js

@@ -8,7 +8,7 @@ import DialogActions from '@mui/material/DialogActions'
 import DialogContent from '@mui/material/DialogContent'
 import DialogContentText from '@mui/material/DialogContentText'
 import DialogTitle from '@mui/material/DialogTitle'
-import LogoutCountdown from '../session/logout-countdown.js'
+import SessionExpired from '../session/session-expired.js'
 import ListItems from './create/list-items.js'
 
 export default function FormHandler({
@@ -70,7 +70,7 @@ export default function FormHandler({
           <Button variant='contained' color='success' type='submit'>Valider</Button>
         </DialogActions>
       </Dialog>
-      <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+      <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
     </>
   )
 }

components/konstitisyon/list-comments.js

@@ -11,7 +11,7 @@ import Pagination from '@mui/material/Pagination'
 import Divider from '@mui/material/Divider'
 import Box from '@mui/material/Box'
 import {readItems, withToken} from '@directus/sdk'
-import LogoutCountdown from '../session/logout-countdown.js'
+import SessionExpired from '../session/session-expired.js'
 import {directusClient, handleUserStatus} from '@/lib/directus.js'
 import {formatDate} from '@/lib/format.js'
 
@@ -111,7 +111,7 @@ export default function ListComments({session, selectedTitre, isOpen, setIsOpen,
           <Pagination size='small' sx={{marginBlock: 3}} color='success' count={pageCount} page={page} onChange={handleChange} />
         </Box>
       </Dialog>
-      <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+      <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
     </>
   )
 }

components/session/session-expired.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types'
 import {forwardRef, useImperativeHandle} from 'react'
 import {signOut} from 'next-auth/react'
 
-const LogoutCountdown = forwardRef(({setError, setIsErrorAlertOpen}, ref) => {
+const SessionExpired = forwardRef(({setError, setIsErrorAlertOpen}, ref) => {
   useImperativeHandle(ref, () => ({
     startCountdown() {
       setError('Session expirée, vous devez vous reconnecter !')
@@ -14,9 +14,9 @@ const LogoutCountdown = forwardRef(({setError, setIsErrorAlertOpen}, ref) => {
   return null
 })
 
-LogoutCountdown.propTypes = {
+SessionExpired.propTypes = {
   setError: PropTypes.func.isRequired,
   setIsErrorAlertOpen: PropTypes.func.isRequired
 }
 
-export default LogoutCountdown
+export default SessionExpired

components/versions/get-versions.js

@@ -7,7 +7,7 @@ import Typography from '@mui/material/Typography'
 import HomeIcon from '@mui/icons-material/Home'
 import Box from '@mui/material/Box'
 import AuthAlert from '../auth-form/auth-alert.js'
-import LogoutCountdown from '../session/logout-countdown.js'
+import SessionExpired from '../session/session-expired.js'
 import {Loading} from '../loading.js'
 import ListVersions from './list-versions.js'
 import {listVersions} from '@/lib/directus.js'
@@ -49,7 +49,7 @@ export default function GetVersions({session}) {
           severity='error'
         />}
         <Loading />
-        <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+        <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
       </>
     )
   }
@@ -123,7 +123,7 @@ export default function GetVersions({session}) {
           )}
         </Grid>
       </Box>
-      <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+      <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
     </>
   )
 }

components/versions/list-versions.js

@@ -10,7 +10,7 @@ import Paper from '@mui/material/Paper'
 import Button from '@mui/material/Button'
 import {TableVirtuoso} from 'react-virtuoso'
 import {Box, Typography} from '@mui/material'
-import LogoutCountdown from '../session/logout-countdown.js'
+import SessionExpired from '../session/session-expired.js'
 import VersionDialog from './version-dialog.js'
 import {formatDate} from '@/lib/format.js'
 import {compareVersion} from '@/lib/directus.js'
@@ -136,7 +136,7 @@ export default function ListVersions({
       {isOpenComparison && (
         <VersionDialog versionData={versionData} versionCompare={versionCompare} isOpen={isOpenComparison} setIsOpen={setIsOpenComparison} />
       )}
-      <LogoutCountdown ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
+      <SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
     </>
   )
 }