chore: rename and add cursor pointer

RocketChat · Dec 20, 2022 · 3ede15e · 3ede15e
1 parent 109f050
commit 3ede15e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/packages/fuselage/src/components/Option/Option.stories.tsx b/packages/fuselage/src/components/Option/Option.stories.tsx
@@ -168,7 +168,7 @@ export const WithIcon: ComponentStory<typeof Option> = () => (
   </Box>
 );
 
-export const WithDisabled: ComponentStory<typeof Option> = () => (
+export const Disabled: ComponentStory<typeof Option> = () => (
   <Box position='relative' maxWidth={330}>
     <Option onClick={action('click')}>
       <OptionContent>Enabled</OptionContent>

diff --git a/packages/fuselage/src/components/Option/Option.styles.scss b/packages/fuselage/src/components/Option/Option.styles.scss
@@ -110,6 +110,8 @@ $variants: (
   }
 
   &--disabled {
+    cursor: pointer;
+
     color: colors.font(disabled);
   }
 

diff --git a/packages/fuselage/src/helpers/prevent.ts b/packages/fuselage/src/helpers/prevent.ts
@@ -1,7 +1,7 @@
 import type { SyntheticEvent } from 'react';
 
-export const prevent = (e: SyntheticEvent) => {
-  e.preventDefault();
-  e.stopPropagation();
-  e.nativeEvent.stopImmediatePropagation();
+export const prevent = (event: SyntheticEvent) => {
+  event.preventDefault();
+  event.stopPropagation();
+  event.nativeEvent.stopImmediatePropagation();
 };