198 - apply alphabetical ordering of classNames

Author: kresimir-coko

client/src/ee/pages/automation/api-platform/api-clients/components/ApiClientTable.tsx

@@ -170,7 +170,7 @@ const ApiClientTable = ({apiClients}: ApiClientTableProps) => {
                                     className={twMerge(
                                         'whitespace-nowrap',
                                         cell.id.endsWith('actions') && 'flex justify-end',
-                                        cell.id.endsWith('enabled') && 'flex ml-6'
+                                        cell.id.endsWith('enabled') && 'ml-6 flex'
                                     )}
                                     key={cell.id}
                                     onClick={(event) => {

client/src/ee/pages/automation/api-platform/api-collections/components/ApiCollectionEndpointListItem.tsx

@@ -86,7 +86,7 @@ const ApiCollectionEndpointListItem = ({
             <div className="flex flex-1 items-center">
                 <Badge
                     className={twMerge(
-                        'w-20 mr-4 border-transparent',
+                        'mr-4 w-20 border-transparent',
                         apiCollectionEndpoint.httpMethod === 'DELETE' && 'bg-red-400',
                         apiCollectionEndpoint.httpMethod === 'GET' && 'bg-blue-400',
                         apiCollectionEndpoint.httpMethod === 'POST' && 'bg-green-400',

client/src/ee/pages/settings/platform/api-connectors/components/ApiConnectorEndpointListItem.tsx

@@ -20,7 +20,7 @@ const ApiConnectorEndpointListItem = ({apiConnectorEndpoint}: {apiConnectorEndpo
                 <div className="flex flex-1 items-center">
                     <Badge
                         className={twMerge(
-                            'w-20 mr-4 border-transparent',
+                            'mr-4 w-20 border-transparent',
                             apiConnectorEndpoint.httpMethod === 'DELETE' && 'bg-red-400',
                             apiConnectorEndpoint.httpMethod === 'GET' && 'bg-blue-400',
                             apiConnectorEndpoint.httpMethod === 'POST' && 'bg-green-400',

client/src/ee/pages/settings/platform/api-connectors/components/ApiConnectorListItem.tsx

@@ -81,7 +81,7 @@ const ApiConnectorListItem = ({apiConnector}: ApiConnectorItemProps) => {
                                     <TooltipContent>{apiConnector.description}</TooltipContent>
                                 </Tooltip>
                             ) : (
-                                <div className="space-x-1 ">
+                                <div className="space-x-1">
                                     <span className="font-semibold">{apiConnector.title}</span>
 
                                     <span>-</span>

client/src/pages/account/public/Login.tsx

@@ -118,7 +118,7 @@ const Login = () => {
                                 control={form.control}
                                 name="rememberMe"
                                 render={({field}) => (
-                                    <FormItem className="flex items-center space-x-3 space-y-0 ">
+                                    <FormItem className="flex items-center space-x-3 space-y-0">
                                         <FormControl>
                                             <Checkbox checked={field.value} onCheckedChange={field.onChange} />
                                         </FormControl>

client/src/pages/automation/project-instances/components/project-instance-dialog/ProjectInstanceDialog.tsx

@@ -285,7 +285,7 @@ const ProjectInstanceDialog = ({
                                                     'group flex flex-col border-l-4 py-2 pl-4 md:border-l-0 md:border-t-4 md:pb-0 md:pl-0 md:pt-4',
                                                     index <= activeStepIndex
                                                         ? 'border-gray-900 hover:border-gray-800'
-                                                        : 'border-gray-200 hover:border-gray-30'
+                                                        : 'hover:border-gray-30 border-gray-200'
                                                 )}
                                             ></div>
                                         </li>

client/src/pages/automation/project-instances/components/project-instance-dialog/ProjectInstanceDialogBasicStepProjectsComboBox.tsx

@@ -6,7 +6,7 @@ import {FocusEventHandler} from 'react';
 
 const ProjectLabel = ({project}: {project: Project}) => (
     <div className="flex items-center">
-        <span className="mr-1 ">{project.name}</span>
+        <span className="mr-1">{project.name}</span>
 
         <span className="text-xs text-gray-500">{project?.tags?.map((tag) => tag.name).join(', ')}</span>
     </div>

client/src/pages/automation/project/components/projects-sidebar/ProjectsSidebar.tsx

@@ -25,7 +25,7 @@ const ProjectsSidebar = ({projectId}: {projectId: number}) => {
                 projects.map((curProject) => (
                     <div
                         className={twMerge(
-                            'py-3 px-2 flex cursor-pointer items-center justify-between hover:bg-background/50 rounded-lg text-sm',
+                            'flex cursor-pointer items-center justify-between rounded-lg px-2 py-3 text-sm hover:bg-background/50',
                             curProject.id === projectId && 'bg-background/50'
                         )}
                         key={curProject.id}

client/src/pages/automation/workflow-executions/WorkflowExecutions.tsx

@@ -54,7 +54,7 @@ const jobStatusOptions = [
 
 const ProjectLabel = ({project}: {project: Project}) => (
     <div className="flex items-center">
-        <span className="mr-1 ">{project.name}</span>
+        <span className="mr-1">{project.name}</span>
 
         <span className="text-xs text-gray-500">{project?.tags?.map((tag) => tag.name).join(', ')}</span>
     </div>
@@ -391,7 +391,7 @@ export const WorkflowExecutions = () => {
                                     ? projectInstances?.map((projectInstance) => ({
                                           label: (
                                               <span className="flex items-center">
-                                                  <span className="mr-1 ">
+                                                  <span className="mr-1">
                                                       {projectInstance.name} V{projectInstance.projectVersion}
                                                   </span>
 

client/src/pages/automation/workflow-executions/components/workflow-execution-sheet/WorkflowExecutionSheetAccordion.tsx

@@ -28,7 +28,7 @@ const WorkflowExecutionSheetAccordion = ({job, triggerExecution}: {job: Job; tri
                     <span
                         className={twMerge(
                             (!taskExecutionsCompleted || !triggerExecutionCompleted) && 'text-destructive',
-                            'font-semibold uppercase text-base'
+                            'text-base font-semibold uppercase'
                         )}
                     >
                         {taskExecutionsCompleted && triggerExecutionCompleted ? 'Workflow executed' : 'Workflow failed'}