fix: linting

The-Code-Monkey · Nov 7, 2023 · 94c7b34 · 94c7b34
1 parent a14ee04
commit 94c7b34
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 10 deletions.
diff --git a/packages/components/src/atoms/button/Button.tsx b/packages/components/src/atoms/button/Button.tsx
@@ -6,13 +6,18 @@ const Icon = lazy(() =>
   import('../../primal').then(module => ({ default: module.Icon }))
 );
 
+import { ComponentPropsWithRef, ReactNode } from 'react';
+
 import { InteractableProps, Text, IconProps } from '../../primal';
 
 import { StyledInteractable, iconOrientations, iconMargins } from './styled';
-import {ComponentPropsWithRef, ReactNode} from "react";
 
 export interface Props
-  extends Omit<InteractableProps, 'size'>, Omit<ComponentPropsWithRef<'button'>, 'onDoubleClick' | 'onClick' | 'color'> {
+  extends Omit<InteractableProps, 'size'>,
+    Omit<
+      ComponentPropsWithRef<'button'>,
+      'onDoubleClick' | 'onClick' | 'color'
+    > {
   iconName?: IconProps['name'];
   iconPosition?: 'left' | 'top' | 'right' | 'bottom';
   variant?: string;
@@ -30,10 +35,10 @@ const Button = ({
   variant = 'default',
   type = 'button',
   size = 'md',
-    onDragStart,
-    onDrag,
-    onDragEnd,
-    onDrop,
+  onDragStart,
+  onDrag,
+  onDragEnd,
+  onDrop,
   ...rest
 }: Props): ReactNode => {
   const hasChildren = useMemo(
@@ -52,8 +57,8 @@ const Button = ({
       size={size}
       onDragStart={onDragStart}
       onDrag={onDrag}
-        onDragEnd={onDragEnd}
-        onDrop={onDrop}
+      onDragEnd={onDragEnd}
+      onDrop={onDrop}
       {...rest}
       {...iconOrientations[iconPosition]}
     >

diff --git a/packages/components/src/atoms/button/__test__/index.test.tsx b/packages/components/src/atoms/button/__test__/index.test.tsx
@@ -1,4 +1,4 @@
-import {act, screen, waitFor} from '@testing-library/react';
+import { act, screen, waitFor } from '@testing-library/react';
 
 import { mountWithTheme } from '../../../test-tools';
 import { Button } from '../index';

diff --git a/packages/components/src/atoms/button/story.tsx b/packages/components/src/atoms/button/story.tsx
@@ -39,4 +39,10 @@ export const IconButtons = () => (
 );
 
 export const IconOnly = () => <Button iconName='github' />;
-export const Draggable = () => <Button iconName='github' draggable onDragStart={() => console.log("START DRAG")} />;
+export const Draggable = () => (
+  <Button
+    iconName='github'
+    draggable
+    onDragStart={() => console.log('START DRAG')}
+  />
+);