chore: clean up code formatting and remove unnecessary whitespace across multiple files for improved readability

2025-12-05 11:05:14 +01:00
parent b3157fffbd
commit 71d850c985
65 changed files with 347 additions and 505 deletions
--- a/src/app/sessions/WorkshopTabs.tsx
+++ b/src/app/sessions/WorkshopTabs.tsx
@@ -3,7 +3,15 @@
 import { useState, useTransition } from 'react';
 import Link from 'next/link';
 import { useSearchParams, useRouter } from 'next/navigation';
-import { Card, Badge, Button, Modal, ModalFooter, Input, CollaboratorDisplay } from '@/components/ui';
+import {
+  Card,
+  Badge,
+  Button,
+  Modal,
+  ModalFooter,
+  Input,
+  CollaboratorDisplay,
+} from '@/components/ui';
 import { deleteSwotSession, updateSwotSession } from '@/actions/session';
 import { deleteMotivatorSession, updateMotivatorSession } from '@/actions/moving-motivators';

@@ -104,10 +112,10 @@ function getGroupKey(session: AnySession): string {
 // Group sessions by participant (using matched user ID when available)
 function groupByPerson(sessions: AnySession[]): Map<string, AnySession[]> {
  const grouped = new Map<string, AnySession[]>();
-  
+
  sessions.forEach((session) => {
    const key = getGroupKey(session);
-    
+
    const existing = grouped.get(key);
    if (existing) {
      existing.push(session);
@@ -115,24 +123,23 @@ function groupByPerson(sessions: AnySession[]): Map<string, AnySession[]> {
      grouped.set(key, [session]);
    }
  });
-  
+
  // Sort sessions within each group by date
  grouped.forEach((sessions) => {
    sessions.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
  });
-  
+
  return grouped;
 }

 export function WorkshopTabs({ swotSessions, motivatorSessions }: WorkshopTabsProps) {
  const searchParams = useSearchParams();
  const router = useRouter();
-  
+
  // Get tab from URL or default to 'all'
  const tabParam = searchParams.get('tab');
-  const activeTab: WorkshopType = tabParam && VALID_TABS.includes(tabParam as WorkshopType)
-    ? (tabParam as WorkshopType)
-    : 'all';
+  const activeTab: WorkshopType =
+    tabParam && VALID_TABS.includes(tabParam as WorkshopType) ? (tabParam as WorkshopType) : 'all';

  const setActiveTab = (tab: WorkshopType) => {
    const params = new URLSearchParams(searchParams.toString());
@@ -205,9 +212,7 @@ export function WorkshopTabs({ swotSessions, motivatorSessions }: WorkshopTabsPr
      {activeTab === 'byPerson' ? (
        // By Person View
        sortedPersons.length === 0 ? (
-          <div className="text-center py-12 text-muted">
-            Aucun atelier pour le moment
-          </div>
+          <div className="text-center py-12 text-muted">Aucun atelier pour le moment</div>
        ) : (
          <div className="space-y-8">
            {sortedPersons.map(([personKey, sessions]) => {
@@ -231,9 +236,7 @@ export function WorkshopTabs({ swotSessions, motivatorSessions }: WorkshopTabsPr
          </div>
        )
      ) : filteredSessions.length === 0 ? (
-        <div className="text-center py-12 text-muted">
-          Aucun atelier de ce type pour le moment
-        </div>
+        <div className="text-center py-12 text-muted">Aucun atelier de ce type pour le moment</div>
      ) : (
        <div className="space-y-8">
          {/* My Sessions */}
@@ -287,9 +290,10 @@ function TabButton({
      onClick={onClick}
      className={`
        flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition-colors
-        ${active
-          ? 'bg-primary text-primary-foreground'
-          : 'text-muted hover:bg-card-hover hover:text-foreground'
+        ${
+          active
+            ? 'bg-primary text-primary-foreground'
+            : 'text-muted hover:bg-card-hover hover:text-foreground'
        }
      `}
    >
@@ -306,7 +310,7 @@ function SessionCard({ session }: { session: AnySession }) {
  const [showDeleteModal, setShowDeleteModal] = useState(false);
  const [showEditModal, setShowEditModal] = useState(false);
  const [isPending, startTransition] = useTransition();
-  
+
  // Edit form state
  const [editTitle, setEditTitle] = useState(session.title);
  const [editParticipant, setEditParticipant] = useState(
@@ -328,7 +332,7 @@ function SessionCard({ session }: { session: AnySession }) {
      const result = isSwot
        ? await deleteSwotSession(session.id)
        : await deleteMotivatorSession(session.id);
-      
+
      if (result.success) {
        setShowDeleteModal(false);
      } else {
@@ -341,8 +345,11 @@ function SessionCard({ session }: { session: AnySession }) {
    startTransition(async () => {
      const result = isSwot
        ? await updateSwotSession(session.id, { title: editTitle, collaborator: editParticipant })
-        : await updateMotivatorSession(session.id, { title: editTitle, participant: editParticipant });
-      
+        : await updateMotivatorSession(session.id, {
+            title: editTitle,
+            participant: editParticipant,
+          });
+
      if (result.success) {
        setShowEditModal(false);
      } else {
@@ -372,14 +379,13 @@ function SessionCard({ session }: { session: AnySession }) {
            {/* Header: Icon + Title + Role badge */}
            <div className="flex items-center gap-2 mb-2">
              <span className="text-xl">{icon}</span>
-              <h3 className="font-semibold text-foreground line-clamp-1 flex-1">
-                {session.title}
-              </h3>
+              <h3 className="font-semibold text-foreground line-clamp-1 flex-1">{session.title}</h3>
              {!session.isOwner && (
                <span
                  className="text-xs px-1.5 py-0.5 rounded"
                  style={{
-                    backgroundColor: session.role === 'EDITOR' ? 'rgba(6,182,212,0.1)' : 'rgba(234,179,8,0.1)',
+                    backgroundColor:
+                      session.role === 'EDITOR' ? 'rgba(6,182,212,0.1)' : 'rgba(234,179,8,0.1)',
                    color: session.role === 'EDITOR' ? '#06b6d4' : '#eab308',
                  }}
                >
@@ -390,12 +396,11 @@ function SessionCard({ session }: { session: AnySession }) {

            {/* Participant + Owner info */}
            <div className="mb-3 flex items-center gap-2">
-              <CollaboratorDisplay
-                collaborator={getResolvedCollaborator(session)}
-                size="sm"
-              />
+              <CollaboratorDisplay collaborator={getResolvedCollaborator(session)} size="sm" />
              {!session.isOwner && (
-                <span className="text-xs text-muted">· par {session.user.name || session.user.email}</span>
+                <span className="text-xs text-muted">
+                  · par {session.user.name || session.user.email}
+                </span>
              )}
            </div>

@@ -441,9 +446,7 @@ function SessionCard({ session }: { session: AnySession }) {
                    </div>
                  ))}
                  {session.shares.length > 3 && (
-                    <span className="text-[10px] text-muted">
-                      +{session.shares.length - 3}
-                    </span>
+                    <span className="text-[10px] text-muted">+{session.shares.length - 3}</span>
                  )}
                </div>
              </div>
@@ -464,7 +467,12 @@ function SessionCard({ session }: { session: AnySession }) {
              title="Modifier"
            >
              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+                />
              </svg>
            </button>
            <button
@@ -477,7 +485,12 @@ function SessionCard({ session }: { session: AnySession }) {
              title="Supprimer"
            >
              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+                />
              </svg>
            </button>
          </div>
@@ -511,7 +524,10 @@ function SessionCard({ session }: { session: AnySession }) {
            />
          </div>
          <div>
-            <label htmlFor="edit-participant" className="block text-sm font-medium text-foreground mb-1">
+            <label
+              htmlFor="edit-participant"
+              className="block text-sm font-medium text-foreground mb-1"
+            >
              {isSwot ? 'Collaborateur' : 'Participant'}
            </label>
            <Input
@@ -550,24 +566,17 @@ function SessionCard({ session }: { session: AnySession }) {
      >
        <div className="space-y-4">
          <p className="text-muted">
-            Êtes-vous sûr de vouloir supprimer l&apos;atelier <strong className="text-foreground">&quot;{session.title}&quot;</strong> ?
+            Êtes-vous sûr de vouloir supprimer l&apos;atelier{' '}
+            <strong className="text-foreground">&quot;{session.title}&quot;</strong> ?
          </p>
          <p className="text-sm text-destructive">
            Cette action est irréversible. Toutes les données seront perdues.
          </p>
          <ModalFooter>
-            <Button
-              variant="ghost"
-              onClick={() => setShowDeleteModal(false)}
-              disabled={isPending}
-            >
+            <Button variant="ghost" onClick={() => setShowDeleteModal(false)} disabled={isPending}>
              Annuler
            </Button>
-            <Button
-              variant="destructive"
-              onClick={handleDelete}
-              disabled={isPending}
-            >
+            <Button variant="destructive" onClick={handleDelete} disabled={isPending}>
              {isPending ? 'Suppression...' : 'Supprimer'}
            </Button>
          </ModalFooter>
@@ -576,4 +585,3 @@ function SessionCard({ session }: { session: AnySession }) {
    </>
  );
 }
-
--- a/src/app/sessions/[id]/page.tsx
+++ b/src/app/sessions/[id]/page.tsx
@@ -80,13 +80,8 @@ export default async function SessionPage({ params }: SessionPageProps) {
        isOwner={session.isOwner}
        canEdit={session.canEdit}
      >
-        <SwotBoard
-          sessionId={session.id}
-          items={session.items}
-          actions={session.actions}
-        />
+        <SwotBoard sessionId={session.id} items={session.items} actions={session.actions} />
      </SessionLiveWrapper>
    </main>
  );
 }
-
--- a/src/app/sessions/new/page.tsx
+++ b/src/app/sessions/new/page.tsx
@@ -2,7 +2,15 @@

 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, Button, Input } from '@/components/ui';
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  Button,
+  Input,
+} from '@/components/ui';

 export default function NewSessionPage() {
  const router = useRouter();
@@ -100,4 +108,3 @@ export default function NewSessionPage() {
    </main>
  );
 }
-
--- a/src/app/sessions/page.tsx
+++ b/src/app/sessions/page.tsx
@@ -62,9 +62,7 @@ export default async function SessionsPage() {
      <div className="mb-8 flex flex-col sm:flex-row sm:items-center justify-between gap-4">
        <div>
          <h1 className="text-3xl font-bold text-foreground">Mes Ateliers</h1>
-          <p className="mt-1 text-muted">
-            Tous vos ateliers en un seul endroit
-          </p>
+          <p className="mt-1 text-muted">Tous vos ateliers en un seul endroit</p>
        </div>
        <div className="flex gap-2">
          <Link href="/sessions/new">
@@ -90,7 +88,8 @@ export default async function SessionsPage() {
            Commencez votre premier atelier
          </h2>
          <p className="text-muted mb-6 max-w-md mx-auto">
-            Créez un atelier SWOT pour analyser les forces et faiblesses, ou un Moving Motivators pour découvrir les motivations de vos collaborateurs.
+            Créez un atelier SWOT pour analyser les forces et faiblesses, ou un Moving Motivators
+            pour découvrir les motivations de vos collaborateurs.
          </p>
          <div className="flex gap-3 justify-center">
            <Link href="/sessions/new">
@@ -109,10 +108,7 @@ export default async function SessionsPage() {
        </Card>
      ) : (
        <Suspense fallback={<WorkshopTabsSkeleton />}>
-          <WorkshopTabs
-            swotSessions={allSwotSessions}
-            motivatorSessions={allMotivatorSessions}
-          />
+          <WorkshopTabs swotSessions={allSwotSessions} motivatorSessions={allMotivatorSessions} />
        </Suspense>
      )}
    </main>