update wording on prop, update to footer

Author: kmcfaul

packages/react-core/src/components/Page/Page.tsx

@@ -118,7 +118,7 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
   breadcrumbProps?: PageBreadcrumbProps;
   /** Enables children to fill the available vertical space. Child page sections or groups that should fill should be passed the isFilled property. */
   isContentFilled?: boolean;
-  /** Flag indicating the page has non-PatternFly elements for header and footer and should be rendered plainly. Use PageHeader and PageFooter to wrap custom header and footer content to ensure the layout is maintained. */
+  /** Flag indicating the page should render without the content area background and overflow scroll. */
   isPlain?: boolean;
   /** Content rendered inside the page footer */
   footer?: React.ReactNode;

packages/react-core/src/components/Page/PageFooter.tsx

@@ -2,11 +2,11 @@ import styles from '@patternfly/react-styles/css/components/Page/page';
 import { css } from '@patternfly/react-styles';
 
 export interface PageFooterProps extends React.HTMLProps<HTMLElement> {
-  /** Content rendered inside the page header. This should be custom header content, rather than the PatternFly Masthead. */
+  /** Content rendered inside the footer */
   children?: React.ReactNode;
-  /** Additional classes added to the page header */
+  /** Additional classes added to the footer */
   className?: string;
-  /** Sets the base component to render. Defaults to header */
+  /** Sets the base component to render. Defaults to footer */
   component?: keyof React.JSX.IntrinsicElements;
 }
 

packages/react-core/src/components/Page/__tests__/PageFooter.test.tsx

@@ -12,7 +12,7 @@ test(`Renders with class ${styles.pageFooter} by default`, () => {
   expect(screen.getByText('Footer content')).toHaveClass(styles.pageFooter, { exact: true });
 });
 
-test('Renders as a div by default', () => {
+test('Renders as a footer by default', () => {
   render(<PageFooter>Footer content</PageFooter>);
   expect(screen.getByText('Footer content').tagName).toBe('FOOTER');
 });

packages/react-core/src/components/Page/examples/Page.md

@@ -39,7 +39,7 @@ To use a page header instead of passing a [masthead](/components/masthead) direc
 
 `<PageFooter>` can be passed to the `footer` property, and should be used to wrap custom footer content.
 
-When using custom a `<PageHeader>` and `<PageFooter>`, the `isPlain` flag should be passed to `<Page>`. This will remove styling on the main container, the height constraints on the page wrapper (so it can grow beyond the viewport), and removes the scroll management from the content section so the window will be what scrolls.
+When using a custom `<PageHeader>` and `<PageFooter>`, the `isPlain` flag should be passed to `<Page>`. This will remove styling on the main container, the height constraints on the page wrapper (so it can grow beyond the viewport), and removes the scroll management from the content section so the window will be what scrolls.
 
 ```ts file="./PageHeaderAndFooterContent.tsx"