import React from 'react';
import './CategoryListOption.less';
import { stores } from 'sdk';
const Link = stores.ComponentStore.getState().getIn(['Link@vtex.storefront-sdk', 'constructor']);
class CategoryListOption extends React.Component {
render() {
return (
<li className="CategoryListOption">
<Link
to={this.props.slug}
query={{ pageSize: 10 }}
className="CategoryListOption__link"
>
{ this.props.name }
</Link>
</li>
);
}
}
export default CategoryListOption;
import React from 'react';
import './style.less';
import { stores } from 'sdk';
import facebookIcon from 'assets/icons/facebook_icon.svg';
import facebookImg from 'assets/icons/facebook_icon.png';
import instagramIcon from 'assets/icons/instagram_icon.svg';
import instagramImg from 'assets/icons/instagram_icon.png';
const SVGIcon = stores.ComponentStore.getState().getIn(['SVGIcon@pilateslovers.pilateslovers-theme', 'constructor']);
class HeaderTop extends React.Component {
render() {
let loginURL;
loginURL = '#';
let accountURL;
accountURL = '#';
return (
<div className="HeaderTop clearfix">
<div className="HeaderTop__wrap">
<div className="col-md-2 col-lg-2 col-sm-2 hidden-xs HeaderTop__social">
<button className="HeaderTop__button">
<a href="">
<SVGIcon className="HeaderTop__icon" svg={facebookIcon} fallback={facebookImg} height={15} />
</a>
</button>
<button className="HeaderTop__button">
<a href="">