🎨 Improve story for Divider (#744)

* 🎨 Improve story for Divider * 🎨 Remove unused imports * 🎨 Remove blank line
equinor · Nov 13, 2020 · 5bba248 · 5bba248
1 parent c034726
commit 5bba248
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 16 deletions.
diff --git a/apps/storybook-react/stories/Divider.stories.tsx b/apps/storybook-react/stories/Divider.stories.tsx
@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React from 'react'
 import styled from 'styled-components'
 import { Divider, DividerProps } from '@equinor/eds-core-react'
@@ -22,9 +25,7 @@ export default {
   },
 } as Meta
 
-type WrapperProps = React.HTMLAttributes<HTMLDivElement>
-
-const Wrapper = styled.div<WrapperProps>`
+const Wrapper = styled.div`
   padding: 32px;
   background-color: #999;
 `

diff --git a/libraries/core-react/src/Divider/Divider.tsx b/libraries/core-react/src/Divider/Divider.tsx
@@ -26,16 +26,17 @@ export type DividerProps = {
   className?: string
 }
 
-export const Divider = forwardRef<HTMLHRElement, DividerProps>(
-  ({ color = 'medium', variant = 'medium', className = '' }, ref) => {
-    const styleProps = {
-      backgroundColor: tokens.color[color],
-      marginTop: tokens[variant].spacings.top,
-      marginBottom: tokens[variant].spacings.bottom,
-      dividerHeight: tokens.height,
-    }
-    return <StyledDivider {...styleProps} className={className} ref={ref} />
-  },
-)
+export const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(
+  { color = 'medium', variant = 'medium', className = '' },
+  ref,
+) {
+  const styleProps = {
+    backgroundColor: tokens.color[color],
+    marginTop: tokens[variant].spacings.top,
+    marginBottom: tokens[variant].spacings.bottom,
+    dividerHeight: tokens.height,
+  }
+  return <StyledDivider {...styleProps} className={className} ref={ref} />
+})
 
-Divider.displayName = 'Divider'
+// Divider.displayName = 'Divider'
diff --git a/libraries/core-react/src/Divider/index.ts b/libraries/core-react/src/Divider/index.ts
@@ -1 +1 @@
-export { Divider, DividerProps } from './Divider'
+export * from './Divider'