feat(modal): reuse general header

vtex · Nov 29, 2023 · 1996d7d · 1996d7d
1 parent 3b8efb2
commit 1996d7d
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 18 deletions.
diff --git a/packages/components/src/header/stories/header.stories.tsx b/packages/components/src/header/stories/header.stories.tsx
@@ -1,4 +1,3 @@
-import '../header.css'
 import './styles.css'
 import React from 'react'
 

diff --git a/...s/src/header/tests/header.vitest.test.tsx → ...mponents/src/header/tests/header.test.tsx b/...s/src/header/tests/header.vitest.test.tsx → ...mponents/src/header/tests/header.test.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
-import { describe, expect, test } from 'vitest'
-import { render } from '@testing-library/react'
+import { describe, expect, test, render } from '@vtex/shoreline-test-utils'
 
 import { Header } from '../header'
 
@@ -11,4 +10,3 @@ describe('header', () => {
     expect(container.querySelector('[data-sl-header]')).toBeInTheDocument()
   })
 })
-
diff --git a/packages/components/src/modal/modal-header.css b/packages/components/src/modal/modal-header.css
diff --git a/packages/components/src/modal/modal-header.tsx b/packages/components/src/modal/modal-header.tsx
@@ -5,15 +5,14 @@ import { Flex } from '../flex'
 import { IconButton } from '../icon-button'
 import { IconX } from '@vtex/shoreline-icons'
 import { Bleed } from '../bleed'
-import { Content } from '../content'
-import './modal-header.css'
+import { Header } from '../header'
 
 export const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(
   function Modal(props, ref) {
     const { children, ...otherProps } = props
 
     return (
-      <Content data-sl-modal-header narrow {...otherProps} ref={ref}>
+      <Header data-sl-modal-header narrow {...otherProps} ref={ref}>
         <Flex justify="space-between">
           <DialogHeading data-sl-modal-title>{children}</DialogHeading>
           <Bleed vertical horizontal>
@@ -24,7 +23,7 @@ export const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(
             </IconButton>
           </Bleed>
         </Flex>
-      </Content>
+      </Header>
     )
   }
 )

diff --git a/packages/components/src/page/stories/page.stories.tsx b/packages/components/src/page/stories/page.stories.tsx
@@ -1,4 +1,3 @@
-import '../page.css'
 import './styles.css'
 import React from 'react'
 

diff --git a/...nents/src/page/tests/page.vitest.test.tsx → ...s/components/src/page/tests/page.test.tsx b/...nents/src/page/tests/page.vitest.test.tsx → ...s/components/src/page/tests/page.test.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
-import { describe, expect, test } from 'vitest'
-import { render } from '@testing-library/react'
+import { describe, expect, test, render } from '@vtex/shoreline-test-utils'
 
 import { Page } from '../page'
 
@@ -11,4 +10,3 @@ describe('page', () => {
     expect(container.querySelector('[data-sl-page]')).toBeInTheDocument()
   })
 })
-