Saifadin

import React from 'react';
import { Translate } from 'react-redux-i18n';

import { Header, Logo, Menu, MenuItem, Spacer } from './styles';

const Navigation = ({ email }) => {
  return (
    <Header>
      <Logo name="logo-small" fill="primary" color="primary" size="large" />
      <Menu>

Saifadin

import styled from 'react-emotion';
import { NavLink } from 'react-router-dom';
import { Icon } from '@homelike/ui-kit';

export const Header = styled('header')`
  display: grid;
  grid-template-columns: 24px 1fr 24px;
  align-items: center;
  padding: 0 ${({ theme: { spacing } }) => spacing * 2}px;
`;

Saifadin

import styled from 'styled-components';

export const Button = styled('button')`
  display: block;
  align-items: center;
  color: ${({ primary}) => primary ? 'blue' : 'white'};
  ...
`;

...

Saifadin

.button {
  /** to override bootstrap styling */
  compose: unstyled-btn from '../../styles/button.scss';
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #66aacc;
  background: transparent;
  // ...
}

Saifadin

class NavigationBar extends React.Component {
  state = {
    scroll: window.pageYOffset,
    navContainer: null,
    active: false,
  };

  componentDidMount() {
    this.setState({
      navContainer: document.getElementById('NavContainer').offsetTop,

Saifadin

printWidth: 140
trailingComma: "es5"
jsxBracketSameLine: true
singleQuote: true
esLintIntegration: true