<commit_before>import React from 'react';
import PaperRipple from 'react-paper-ripple';
import * as Colors from '../../../../js/colors';
import PropTypes from 'prop-types';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';

const PAPER_RIPPLE_COLOR = Colors.colorLuminance(Colors.PRIMARY, 0.2);

const NavPaperRipple = (props) => <PaperRipple
	{...props}
	color={PAPER_RIPPLE_COLOR}
	rmConfig={{
		stiffness: 80,
		damping: 10,
	}}
/>;

const MENU_ITEMS = [
	{
		label: "Prețuri",
		url: "/prices",
		index: 1,
	},
	{
		label: "Pachete",
		url: "/packages",
		index: 2,
	},
	{
		label: "Locație",
		url: "/location",
		index: 4,
	},
	{
		label: "Recenzii",
		url: "/reviews",
		index: 6,
	},
	{
		label: "Galerie Foto",
		url: "/gallery",
		index: 5,
	},
];

class NavigationBar extends React.Component {

	constructor() {
		super();
		this.state = {
			open: false,
		};
	}
	render() {
		const {
			selected,
		} = this.props;
		return <nav
			className="no-selection">
			<NavPaperRipple
				tag="div"
				className="brand">
				<i className="icon-pelican2" />
				<div className="text"><span>PARADISE</span><br />Delta House</div>
				<a href="/" />
			</NavPaperRipple>
			<ul className="navbar">
				{
					MENU_ITEMS.map(
						(item, i) => <li key={i}>
							<NavPaperRipple
								tag="a"
								className={selected === item.index ? "selected" : ""}
								href={item.url}>{item.label}</NavPaperRipple>
						</li>
					)
				}
			</ul>
			<div className="sandwich">
				<i className="icon-bars" />
				<Drawer
					docked={false}
					width={200}
					openSecondary={true}
					open={this.state.open}
					onRequestChange={(open) => this.setState({ open })}
				>
					{MENU_ITEMS.map(
						(item, i) => <MenuItem key={i}
							onTouchTap={() => {
								this.setState({ open: false });
								window.location = item.url;
							}}
						>{item.label}</MenuItem>
					)
					}
				</Drawer>
				<NavPaperRipple
					tag="a"
					href="/"
					onClick={(e) => {
						e.preventDefault();
						this.setState({ open: true });
					}} />
			</div>
		</nav>;
	}
};

NavigationBar.propTypes = {
	selected: PropTypes.number.isRequired,
};

export default NavigationBar;<commit_msg>Fixed the drawer<commit_after>import React from 'react';
import PaperRipple from 'react-paper-ripple';
import * as Colors from '../../../../js/colors';
import PropTypes from 'prop-types';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';

const PAPER_RIPPLE_COLOR = Colors.colorLuminance(Colors.PRIMARY, 0.2);

const NavPaperRipple = (props) => <PaperRipple
	{...props}
	color={PAPER_RIPPLE_COLOR}
	rmConfig={{
		stiffness: 80,
		damping: 10,
	}}
/>;

const MENU_ITEMS = [
	{
		label: "Prețuri",
		url: "/prices",
		index: 1,
	},
	{
		label: "Pachete",
		url: "/packages",
		index: 2,
	},
	{
		label: "Locație",
		url: "/location",
		index: 4,
	},
	{
		label: "Recenzii",
		url: "/reviews",
		index: 6,
	},
	{
		label: "Galerie Foto",
		url: "/gallery",
		index: 5,
	},
];

class NavigationBar extends React.Component {

	constructor() {
		super();
		this.state = {
			open: false,
		};
	}
	render() {
		const {
			selected,
		} = this.props;
		return <div><nav
			className="no-selection">
			<NavPaperRipple
				tag="div"
				className="brand">
				<i className="icon-pelican2" />
				<div className="text"><span>PARADISE</span><br />Delta House</div>
				<a href="/" />
			</NavPaperRipple>
			<ul className="navbar">
				{
					MENU_ITEMS.map(
						(item, i) => <li key={i}>
							<NavPaperRipple
								tag="a"
								className={selected === item.index ? "selected" : ""}
								href={item.url}>{item.label}</NavPaperRipple>
						</li>
					)
				}
			</ul>
			<div className="sandwich">
				<i className="icon-bars" />
				<NavPaperRipple
					tag="a"
					href="/"
					onClick={(e) => {
						e.preventDefault();
						this.setState({ open: true });
					}} />
			</div>
		</nav>
			<Drawer
				docked={false}
				zDepth={9000}
				openSecondary={true}
				open={this.state.open}
				onRequestChange={(open) => this.setState({ open })}
			>
				{MENU_ITEMS.map(
					(item, i) => <MenuItem key={i}
						onTouchTap={() => {
							this.setState({ open: false });
							window.location = item.url;
						}}
					>{item.label}</MenuItem>
				)
				}
			</Drawer>
		</div>;
	}
};

NavigationBar.propTypes = {
	selected: PropTypes.number.isRequired,
};

export default NavigationBar;
{'fraction_non_alphanumeric': 0.18506056527590847, 'fraction_numerical': 0.006953790937640198, 'mean_word_length': 2.7158333333333333, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 69, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6886943', 'n_tokens_mistral': 2130, 'n_tokens_neox': 1650, 'n_words': 316}