yarn locks, favicon, buttons

reach · Nov 12, 2018 · 0551ef8 · 0551ef8
1 parent 1203f28
commit 0551ef8
Show file tree

Hide file tree

Showing 23 changed files with 8,981 additions and 26 deletions.
diff --git a/1-rendering/public/favicon.ico b/1-rendering/public/favicon.ico
diff --git a/1-rendering/yarn.lock b/1-rendering/yarn.lock
diff --git a/2-composition/public/favicon.ico b/2-composition/public/favicon.ico
diff --git a/2-composition/yarn.lock b/2-composition/yarn.lock
diff --git a/3-state/public/favicon.ico b/3-state/public/favicon.ico
diff --git a/3-state/src/exercise.js b/3-state/src/exercise.js
@@ -42,8 +42,10 @@ class Tabs extends React.Component {
   render() {
     return (
       <div>
-        <div style={styles.activeTab}>Active Tab</div>
-        <div style={styles.tab}>Inactive tab</div>
+        <button style={styles.activeTab}>
+          Active Tab
+        </button>
+        <button style={styles.tab}>Inactive tab</button>
 
         <div style={styles.panel}>Panel</div>
       </div>

diff --git a/3-state/src/index.css b/3-state/src/index.css
@@ -3,3 +3,15 @@ body {
     "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
     "Helvetica Neue", sans-serif;
 }
+
+button {
+  border: none;
+  font: inherit;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+:focus:not(:focus-visible) {
+  outline: none;
+}
diff --git a/3-state/src/solution.js b/3-state/src/solution.js
@@ -49,7 +49,7 @@ class Tabs extends React.Component {
         {this.props.data.map((tab, index) => {
           let isActive = index === this.state.activeIndex;
           return (
-            <div
+            <button
               onClick={() => {
                 this.setState({ activeIndex: index });
               }}
@@ -58,7 +58,7 @@ class Tabs extends React.Component {
               }
             >
               {tab.name}
-            </div>
+            </button>
           );
         })}