lint fixes

Author: n1ru4l

integration-tests/tests/api/organization-access-tokens.spec.ts

@@ -129,7 +129,7 @@ test.concurrent('create: failure invalid title', async ({ expect }) => {
     {
       details: {
         description: null,
-        title: Can only contain letters, numbers, " ", '_', and '-'.,
+        title: Can only contain letters, numbers, " ", "_", and "-".,
       },
       message: Invalid input provided.,
     }

packages/services/api/src/modules/organization/providers/organization-access-tokens.ts

@@ -31,7 +31,7 @@ import {
 const TitleInputModel = z
   .string()
   .trim()
-  .regex(/^[ a-zA-Z0-9_-]+$/, `Can only contain letters, numbers, " ", '_', and '-'.`)
+  .regex(/^[ a-zA-Z0-9_-]+$/, 'Can only contain letters, numbers, " ", "_", and "-".')
   .min(2, 'Minimum length is 2 characters.')
   .max(100, 'Maximum length is 100 characters.');
 

packages/web/app/src/components/organization/settings/access-tokens/access-tokens-table.tsx

@@ -117,8 +117,8 @@ export function AccessTokensTable(props: AccessTokensTable) {
             </Table.TableCell>
             <Table.TableCell className="text-right align-middle">
               <DropDownMenu.DropdownMenu>
-                <DropDownMenu.DropdownMenuTrigger className="mr-o ml-auto block">
-                  <EllipsisIcon className="h-4 w-4" />
+                <DropDownMenu.DropdownMenuTrigger className="ml-auto block">
+                  <EllipsisIcon className="size-4" />
                 </DropDownMenu.DropdownMenuTrigger>
                 <DropDownMenu.DropdownMenuContent>
                   <DropDownMenu.DropdownMenuLabel>Options</DropDownMenu.DropdownMenuLabel>

packages/web/app/src/components/organization/settings/access-tokens/create-access-token-sheet-content.tsx

@@ -31,7 +31,7 @@ import { permissionLevelToResourceName, resolveResources } from './shared-helper
 const TitleInputModel = z
   .string()
   .trim()
-  .regex(/^[ a-zA-Z0-9_-]+$/, `Can only contain letters, numbers, " ", '_', and '-'.`)
+  .regex(/^[ a-zA-Z0-9_-]+$/, 'Can only contain letters, numbers, " ", "_", and "-".')
   .min(2, 'Minimum length is 2 characters.')
   .max(100, 'Maximum length is 100 characters.');
 
@@ -90,6 +90,7 @@ const CreateAccessTokenSheetContent_CreateOrganizationAccessTokenMutation = grap
 export function CreateAccessTokenSheetContent(
   props: CreateAccessTokenSheetContentProps,
 ): React.ReactNode {
+  // eslint-disable-next-line react/hook-use-state
   const [Stepper] = useState(() =>
     defineStepper(
       {
@@ -359,7 +360,7 @@ export function CreateAccessTokenSheetContent(
                   <Button
                     onClick={ev => {
                       if (stepper.current.id === 'step-1-general') {
-                        Promise.all([form.trigger('title'), form.trigger('description')]).then(
+                        void Promise.all([form.trigger('title'), form.trigger('description')]).then(
                           ([title, description]) => {
                             if (!title) {
                               shakeElement(ev);
@@ -377,7 +378,7 @@ export function CreateAccessTokenSheetContent(
                       }
 
                       if (stepper.current.id === 'step-2-permissions') {
-                        form.trigger('permissions').then(permissions => {
+                        void form.trigger('permissions').then(permissions => {
                           if (!permissions) {
                             shakeElement(ev);
                             return;

packages/web/app/src/components/ui/stepper.tsx

@@ -117,11 +117,12 @@ const defineStepper = <const Steps extends Stepperize.Step[]>(
       return (
         <nav
           aria-label={ariaLabel}
+          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
           role="tablist"
-          className={cn('stepper-navigation', className)}
+          className={className}
           {...props}
         >
-          <ol className={listVariants({ variant: variant })}>{children}</ol>
+          <ol className={listVariants({ variant })}>{children}</ol>
         </nav>
       );
     },
@@ -150,12 +151,12 @@ const defineStepper = <const Steps extends Stepperize.Step[]>(
         return (
           <li
             className={cn(
-              'stepper-step flex shrink-0 items-center gap-4 rounded-md transition-colors',
+              'flex shrink-0 items-center gap-4 rounded-md transition-colors',
               className,
             )}
           >
             <CircleStepIndicator currentStep={stepIndex + 1} totalSteps={steps.length} />
-            <div className="stepper-step-content flex flex-col items-start gap-1">
+            <div className="flex flex-col items-start gap-1">
               {title}
               {description}
             </div>
@@ -167,7 +168,7 @@ const defineStepper = <const Steps extends Stepperize.Step[]>(
         <>
           <li
             className={cn([
-              'stepper-step group peer relative flex items-center gap-2',
+              'group peer relative flex items-center gap-2',
               'data-[variant=vertical]:flex-row',
               'data-[label-orientation=vertical]:w-full',
               'data-[label-orientation=vertical]:flex-col',
@@ -183,10 +184,7 @@ const defineStepper = <const Steps extends Stepperize.Step[]>(
               type="button"
               role="tab"
               tabIndex={dataState !== 'inactive' ? 0 : -1}
-              className={cn(
-                'stepper-step-indicator rounded-full',
-                clickable === false && 'cursor-default',
-              )}
+              className={cn('rounded-full', clickable === false && 'cursor-default')}
               variant={dataState !== 'inactive' ? 'default' : 'secondary'}
               size="icon"
               aria-controls={`step-panel-${props.of}`}
@@ -208,7 +206,7 @@ const defineStepper = <const Steps extends Stepperize.Step[]>(
                 disabled={props.disabled}
               />
             )}
-            <div className="stepper-step-content flex flex-col items-start">
+            <div className="flex flex-col items-start">
               {title}
               {description}
             </div>
@@ -248,19 +246,15 @@ const defineStepper = <const Steps extends Stepperize.Step[]>(
       const { tracking } = useStepperProvider();
 
       return (
-        <Comp
-          className={cn('stepper-step-panel', className)}
-          ref={node => scrollIntoStepperPanel(node, tracking)}
-          {...props}
-        >
+        <Comp className={className} ref={node => scrollIntoStepperPanel(node, tracking)} {...props}>
           {children}
         </Comp>
       );
     },
     StepperControls: ({ children, className, asChild, ...props }) => {
       const Comp = asChild ? Slot : 'div';
       return (
-        <Comp className={cn('stepper-controls flex justify-end gap-4', className)} {...props}>
+        <Comp className={cn('flex justify-end gap-4', className)} {...props}>
           {children}
         </Comp>
       );
@@ -281,7 +275,7 @@ const StepperTitle = ({
   const Comp = asChild ? Slot : 'h4';
 
   return (
-    <Comp className={cn('stepper-step-title text-base font-medium', className)} {...props}>
+    <Comp className={cn('text-base font-medium', className)} {...props}>
       {children}
     </Comp>
   );
@@ -300,10 +294,7 @@ const StepperDescription = ({
   const Comp = asChild ? Slot : 'p';
 
   return (
-    <Comp
-      className={cn('stepper-step-description text-muted-foreground text-sm', className)}
-      {...props}
-    >
+    <Comp className={cn('text-muted-foreground text-sm', className)} {...props}>
       {children}
     </Comp>
   );
@@ -360,7 +351,7 @@ const CircleStepIndicator = ({
       aria-valuemin={1}
       aria-valuemax={totalSteps}
       tabIndex={-1}
-      className="stepper-step-indicator relative inline-flex items-center justify-center"
+      className="relative inline-flex items-center justify-center"
     >
       <svg width={size} height={size}>
         <title>Step Indicator</title>
@@ -399,7 +390,7 @@ const CircleStepIndicator = ({
 
 //#region Styles
 
-const listVariants = cva('stepper-navigation-list flex gap-2', {
+const listVariants = cva('flex gap-2', {
   variants: {
     variant: {
       horizontal: 'flex-row items-center justify-between',

packages/web/app/src/pages/organization-settings.tsx

@@ -28,7 +28,6 @@ import { Form, FormControl, FormField, FormItem, FormMessage } from '@/component
 import { GitHubIcon, SlackIcon } from '@/components/ui/icon';
 import { Input } from '@/components/ui/input';
 import { Meta } from '@/components/ui/meta';
-import { Subtitle, Title } from '@/components/ui/page';
 import { NavLayout, PageLayout, PageLayoutContent } from '@/components/ui/page-content-layout';
 import { QueryError } from '@/components/ui/query-error';
 import { useToast } from '@/components/ui/use-toast';