Skip to content

Commit ac0c519

Browse files
committed
🚧 create <Dropdown /> component
1 parent cd564d2 commit ac0c519

File tree

1 file changed

+62
-0
lines changed

1 file changed

+62
-0
lines changed

client/components/Dropdown.jsx

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import PropTypes from 'prop-types';
2+
import React from 'react';
3+
import { Link } from 'react-router';
4+
5+
6+
// <ul className="nav__dropdown">
7+
8+
9+
// <ul className="nav__dropdown">
10+
11+
// <li className="nav__dropdown-item">
12+
// <button
13+
// onFocus={this.handleFocusForLang}
14+
// onBlur={this.handleBlur}
15+
// value="it"
16+
// onClick={e => this.handleLangSelection(e)}
17+
// >
18+
// Italian (Test Fallback)
19+
// </button>
20+
// </li>
21+
// <li className="nav__dropdown-item">
22+
// <button
23+
// onFocus={this.handleFocusForLang}
24+
// onBlur={this.handleBlur}
25+
// value="en-US"
26+
// onClick={e => this.handleLangSelection(e)}
27+
// >English
28+
// </button>
29+
// </li>
30+
// <li className="nav__dropdown-item">
31+
// <button
32+
// onFocus={this.handleFocusForLang}
33+
// onBlur={this.handleBlur}
34+
// value="es-419"
35+
// onClick={e => this.handleLangSelection(e)}
36+
// >
37+
// Español
38+
// </button>
39+
// </li>
40+
// </ul>
41+
42+
const Dropdown = ({ items }) => (
43+
<ul className="nav__dropdown">
44+
{items && items.map(item => (
45+
<li className="nav__dropdown-item">
46+
</li>
47+
))
48+
}
49+
</ul>
50+
);
51+
52+
Dropdown.propTypes = {
53+
items: PropTypes.arrayOf(PropTypes.shape({
54+
action: PropTypes.func
55+
}))
56+
};
57+
58+
Dropdown.defaultProps = {
59+
items: []
60+
};
61+
62+
export default Dropdown;

0 commit comments

Comments
 (0)