Added doFocus to the TabList on MovieWishlist.js so that it always au…

…tofocuses on componentDidMount as well
erin-doyle · Sep 2, 2018 · a78d9cf · a78d9cf
1 parent 5ed4cd9
commit a78d9cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/browse/MovieBrowser.js b/src/browse/MovieBrowser.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 
 import movies from '../movies';
@@ -32,7 +32,7 @@ const MovieBrowser = ({
     const moviesInGenre = movies[selectedGenre];
 
     return (
-        <div>
+        <Fragment>
             <Header
                 title="Browse Movies"
                 buttonOptions={{
@@ -58,7 +58,7 @@ const MovieBrowser = ({
                     />
                 </div>
             </main>
-        </div>
+        </Fragment>
     );
 };
 

diff --git a/src/wishlist/MovieWishlist.js b/src/wishlist/MovieWishlist.js
@@ -82,7 +82,7 @@ class MovieWishlist extends Component {
         const movieInEditing = movieIdInEdit ? wishlist[movieIdInEdit] : {};
 
         return (
-            <div>
+            <Fragment>
                 <Header
                     title="Movie Wishlist"
                     buttonOptions={{
@@ -97,7 +97,7 @@ class MovieWishlist extends Component {
                         // Show WishList
                         ? <Fragment>
 
-                            <TabList ariaLabel="Select a WishList by Status" tabList={tabList} />
+                            <TabList ariaLabel="Select a WishList by Status" tabList={tabList} doFocus />
 
                             <div
                                 id={`${selectedStatus}-panel`}
@@ -129,7 +129,7 @@ class MovieWishlist extends Component {
                         </div>
                     }
                 </main>
-            </div>
+            </Fragment>
         );
     }
 }