Refactor proposal status rendering and improve code consistency in AdminActionBar, ProposalActionModal, and CompactProposalList components

Author: Starefossen

src/components/admin/AdminActionBar.tsx

@@ -160,7 +160,8 @@ export function AdminActionBar({
               Status:
             </span>
             <span
-              className={`inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${proposal.status === 'accepted'
+              className={`inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${
+                proposal.status === 'accepted'
                   ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'
                   : proposal.status === 'waitlisted'
                     ? 'bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200'
@@ -169,7 +170,7 @@ export function AdminActionBar({
                       : proposal.status === 'submitted'
                         ? 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200'
                         : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200'
-                }`}
+              }`}
             >
               {proposal.status.charAt(0).toUpperCase() +
                 proposal.status.slice(1)}

src/components/admin/ProposalActionModal.tsx

@@ -198,15 +198,15 @@ export function ProposalActionModal({
                 <span className="font-semibold">{proposal.title}</span> by{' '}
                 <span className="font-semibold">
                   {proposal.speakers &&
-                    Array.isArray(proposal.speakers) &&
-                    proposal.speakers.length > 0
+                  Array.isArray(proposal.speakers) &&
+                  proposal.speakers.length > 0
                     ? proposal.speakers
-                      .map((speaker) =>
-                        typeof speaker === 'object' && 'name' in speaker
-                          ? (speaker as Speaker).name
-                          : 'Unknown',
-                      )
-                      .join(', ')
+                        .map((speaker) =>
+                          typeof speaker === 'object' && 'name' in speaker
+                            ? (speaker as Speaker).name
+                            : 'Unknown',
+                        )
+                        .join(', ')
                     : 'Unknown author'}
                 </span>
                 ?

src/components/cfp/CompactProposalList.tsx

@@ -107,8 +107,8 @@ export function CompactProposalList({
           const audienceFeedback = proposal.audienceFeedback
           const totalFeedback = audienceFeedback
             ? audienceFeedback.greenCount +
-            audienceFeedback.yellowCount +
-            audienceFeedback.redCount
+              audienceFeedback.yellowCount +
+              audienceFeedback.redCount
             : 0
           const showFeedback =
             conferenceHasEnded &&
@@ -133,10 +133,11 @@ export function CompactProposalList({
           return (
             <div
               key={proposal._id}
-              className={`flex flex-col gap-3 rounded-lg border px-3 py-2.5 text-sm transition-colors sm:flex-row sm:items-center sm:justify-between ${isMuted
+              className={`flex flex-col gap-3 rounded-lg border px-3 py-2.5 text-sm transition-colors sm:flex-row sm:items-center sm:justify-between ${
+                isMuted
                   ? 'border-gray-200/50 bg-gray-50/50 opacity-60 hover:opacity-80 dark:border-gray-700/50 dark:bg-gray-800/50'
                   : 'border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:hover:border-gray-600'
-                }`}
+              }`}
             >
               <div className="flex min-w-0 flex-1 items-center gap-3 overflow-hidden">
                 {proposal.speakers && proposal.speakers.length > 0 && (
@@ -158,10 +159,11 @@ export function CompactProposalList({
                       ? `/cfp/proposal?id=${proposal._id}${queryString ? `&${queryString.slice(1)}` : ''}`
                       : `/cfp/proposal/${proposal._id}${queryString}`
                   }
-                  className={`flex-1 truncate font-medium hover:text-brand-cloud-blue dark:hover:text-blue-400 ${isMuted
+                  className={`flex-1 truncate font-medium hover:text-brand-cloud-blue dark:hover:text-blue-400 ${
+                    isMuted
                       ? 'text-gray-600 dark:text-gray-400'
                       : 'text-gray-900 dark:text-white'
-                    }`}
+                  }`}
                 >
                   {proposal.title}
                 </Link>