From e351a7dd7439d65b47321c9ce18e661da67929ee Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Mon, 1 Oct 2018 10:34:11 -0230
Subject: Switch page-container__footer-* for header and footer tags

---
 .../page-container-footer/page-container-footer.component.js      | 8 ++++----
 .../tests/page-container-footer.component.test.js                 | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'ui/app/components/page-container/page-container-footer')

diff --git a/ui/app/components/page-container/page-container-footer/page-container-footer.component.js b/ui/app/components/page-container/page-container-footer/page-container-footer.component.js
index 5e99d2a26..773fe1f56 100644
--- a/ui/app/components/page-container/page-container-footer/page-container-footer.component.js
+++ b/ui/app/components/page-container/page-container-footer/page-container-footer.component.js
@@ -32,7 +32,7 @@ export default class PageContainerFooter extends Component {
     return (
       <div className="page-container__footer">
 
-        <div className="page-container__footer-header">
+        <header>
           <Button
             type="default"
             large
@@ -51,12 +51,12 @@ export default class PageContainerFooter extends Component {
           >
             { submitText || this.context.t('next') }
           </Button>
-        </div>
+        </header>
 
         {children && (
-          <div className="page-container__footer-footer">
+          <footer>
             {children}
-          </div>
+          </footer>
         )}
 
       </div>
diff --git a/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js b/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js
index 75ee09fba..64efabab0 100644
--- a/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js
+++ b/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js
@@ -25,7 +25,7 @@ describe('Page Footer', () => {
     assert.equal(wrapper.find('.page-container__footer').length, 1)
   })
 
-  it('should render a page-container__footer-footer class when given children', () => {
+  it('should render a footer inside page-container__footer when given children', () => {
     const wrapper = shallow(
       <PageFooter>
         <div>Works</div>
@@ -33,7 +33,7 @@ describe('Page Footer', () => {
       { context: { t: sinon.spy((k) => `[${k}]`) } }
     )
 
-    assert.equal(wrapper.find('.page-container__footer-footer').length, 1)
+    assert.equal(wrapper.find('.page-container__footer footer').length, 1)
   })
 
   it('renders two button components', () => {
-- 
cgit v1.2.3