nice

frontend/src/pages/TimeClockPage.jsx

@@ -878,9 +878,6 @@ const TimeClockPage = () => {
         <div className="w-full">
           {isAdmin && (
             <Card className="mb-4">
-              <CardHeader className="border-b">
-                <CardTitle>Utilisateur</CardTitle>
-              </CardHeader>
               <CardContent className="space-y-4">
                 <div className="flex flex-col gap-3 md:flex-row md:items-end">
                   <div className="min-w-0 flex-1">
@@ -924,13 +921,6 @@ const TimeClockPage = () => {
                     <span>Voir tout le monde</span>
                   </label>
                 </div>
-
-                {showAllUsers && (
-                  <p className="text-sm text-muted-foreground">
-                    La sélection d’un utilisateur et le pointage manuel sont
-                    désactivés lorsque tous les utilisateurs sont affichés.
-                  </p>
-                )}
               </CardContent>
             </Card>
           )}
@@ -941,7 +931,7 @@ const TimeClockPage = () => {
                 <CardTitle>
                   {editingEntry
                     ? 'Modifier le pointage'
-                    : `Ajouter un pointage manuel${selectedUser ? ` — ${getUserLabel(selectedUser)}` : ''}`}
+                    : `Ajouter un pointage pour${selectedUser ? ` ${getUserLabel(selectedUser)}` : ''}`}
                 </CardTitle>
               </CardHeader>
               <CardContent>
@@ -976,7 +966,7 @@ const TimeClockPage = () => {
                   <form onSubmit={handleAddEntry}>
                     <div className="mb-4 grid grid-cols-1 gap-4 md:grid-cols-2">
                       <div>
-                        <Label>Date:</Label>
+                        <Label>Date d'entrée:</Label>
                         <DatePicker
                           value={newEntry.date}
                           onChange={(value) =>
@@ -1050,7 +1040,7 @@ const TimeClockPage = () => {
                       autoPlay
                     />
                     <div className="scanner-frame" aria-hidden="true" />
-                    <Button onClick={closeScanner} variant="secondary" className="mt-2">
+                    <Button onClick={closeScanner} variant="secondary" className="mt-2 full-w">
                       Annuler
                     </Button>
                   </div>
@@ -1069,7 +1059,11 @@ const TimeClockPage = () => {
 
             <Card>
               <CardHeader className="border-b">
-                <CardTitle>Historique des pointages</CardTitle>
+                <CardTitle>
+                  {showAllUsers
+                    ? 'Historique des pointages'
+                    : `Historique des pointages de${selectedUser ? ` ${getUserLabel(selectedUser)}` : ''}`}
+                </CardTitle>
               </CardHeader>
               <CardContent>
                 {loading ? (
@@ -1081,7 +1075,7 @@ const TimeClockPage = () => {
                     <Table>
                       <TableHeader>
                         <TableRow>
-                          {isAdmin && <TableHead>Utilisateur</TableHead>}
+                          {isAdmin && <TableHead>Nom</TableHead>}
                           <TableHead>Date</TableHead>
                           <TableHead>Entrée</TableHead>
                           <TableHead>Sortie</TableHead>
@@ -1099,7 +1093,7 @@ const TimeClockPage = () => {
                           )
                           .map((entry) => (
                           <TableRow key={entry.id}>
-                            {isAdmin && <TableCell>{entry.user}</TableCell>}
+                            {isAdmin && <TableCell>{entry.user.first_name} {entry.user.last_name}</TableCell>}
                             <TableCell>{formatDate(entry.date)}</TableCell>
                             <TableCell>{formatTime(entry.start_time)}</TableCell>
                             <TableCell>{formatTime(entry.end_time)}</TableCell>