diff --git a/packages/react-core/src/components/Avatar/examples/Avatar.md b/packages/react-core/src/components/Avatar/examples/Avatar.md index 0c1d4c6c848..6869cba7847 100644 --- a/packages/react-core/src/components/Avatar/examples/Avatar.md +++ b/packages/react-core/src/components/Avatar/examples/Avatar.md @@ -11,7 +11,7 @@ import './example.css'; ## Examples ### Basic -```js +```ts import React from 'react'; import { Avatar } from '@patternfly/react-core'; import avatarImg from './avatarImg.svg'; @@ -20,7 +20,7 @@ import avatarImg from './avatarImg.svg'; ``` ### Bordered - light -```js +```ts import React from 'react'; import { Avatar } from '@patternfly/react-core'; import avatarImg from './img_avatar.svg'; @@ -29,7 +29,7 @@ import avatarImg from './img_avatar.svg'; ``` ### Bordered - dark -```js +```ts import React from 'react'; import { Avatar } from '@patternfly/react-core'; import avatarImgDark from './img_avatar-dark.svg'; diff --git a/packages/react-integration/cypress/integration/avatar.spec.ts b/packages/react-integration/cypress/integration/avatar.spec.ts deleted file mode 100644 index 3a1447768ce..00000000000 --- a/packages/react-integration/cypress/integration/avatar.spec.ts +++ /dev/null @@ -1,11 +0,0 @@ -describe('Avatar Demo Test', () => { - it('Navigate to demo section', () => { - cy.visit('http://localhost:3000/'); - cy.get('#avatar-demo-nav-item-link').click(); - cy.url().should('eq', 'http://localhost:3000/avatar-demo-nav-link'); - }); - - it('Verify avatar is dark', () => { - cy.get('.pf-c-avatar').should('have.class', 'pf-m-dark'); - }); -}); diff --git a/packages/react-integration/demo-app-ts/src/Demos.ts b/packages/react-integration/demo-app-ts/src/Demos.ts index c3ae2be7dd6..aa0840233d5 100644 --- a/packages/react-integration/demo-app-ts/src/Demos.ts +++ b/packages/react-integration/demo-app-ts/src/Demos.ts @@ -80,11 +80,6 @@ export const Demos: DemoInterface[] = [ name: 'Area Stacked Chart Demo', componentType: Examples.StackedAreaDemo }, - { - id: 'avatar-demo', - name: 'Avatar Demo', - componentType: Examples.AvatarDemo - }, { id: 'backdrop-demo', name: 'Backdrop Demo', diff --git a/packages/react-integration/demo-app-ts/src/components/demos/AvatarDemo/AvatarDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/AvatarDemo/AvatarDemo.tsx deleted file mode 100644 index e907c60cad5..00000000000 --- a/packages/react-integration/demo-app-ts/src/components/demos/AvatarDemo/AvatarDemo.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { Avatar, AvatarProps } from '@patternfly/react-core'; -import React, { Component } from 'react'; -import avatarImg from '@patternfly/react-core/src/components/Avatar/examples/avatarImg.svg'; - -export class AvatarDemo extends Component { - myAvatarProps: AvatarProps = { - className: 'MyClassName', - src: avatarImg, - alt: 'avatar' - }; - - componentDidMount() { - window.scrollTo(0, 0); - } - - render() { - return ; - } -} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/index.ts b/packages/react-integration/demo-app-ts/src/components/demos/index.ts index 0ba1bfad6fa..83bb84ece0b 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/index.ts +++ b/packages/react-integration/demo-app-ts/src/components/demos/index.ts @@ -11,7 +11,6 @@ export * from './AlertDemo/AlertDefaultTimeoutDemo'; export * from './AreaChart/SparklineDemo'; export * from './AreaChart/CyanAreaDemo'; export * from './AreaChart/ColorAreaBottomLegendDemo'; -export * from './AvatarDemo/AvatarDemo'; export * from './BackdropDemo/BackdropDemo'; export * from './BackgroundImageDemo/BackgroundImageDemo'; export * from './BadgeDemo/BadgeDemo';