cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Apply prettier over all files

Browse Source
This commit is contained in:
Luis Alvarez
2020-10-01 20:40:40 -05:00
parent 2314ad760a
commit 0ef6449aff
72 changed files with 648 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/core/Avatar/Avatar.tsx
View File

@@ -1,14 +1,14 @@
import cn from "classnames";
import React, { FunctionComponent } from "react";
import s from "./Avatar.module.css";
import cn from 'classnames'
import React, { FunctionComponent } from 'react'
import s from './Avatar.module.css'
interface Props {
className?: string;
children?: any;
className?: string
children?: any
}
const Avatar: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
const rootClassName = cn(s.root, className)
return (
<div className={rootClassName}>
<img
@@ -17,7 +17,7 @@ const Avatar: FunctionComponent<Props> = ({ className }) => {
alt=""
></img>
</div>
);
};
)
}
export default Avatar;
export default Avatar

2
components/core/Avatar/index.ts
View File

@@ -1 +1 @@
export { default } from "./Avatar";
export { default } from './Avatar'

2
components/core/Featurebar/Featurebar.module.css
View File

@@ -13,7 +13,7 @@
}
.separator:before {
content: "";
content: '';
}
.description {

20
components/core/Featurebar/Featurebar.tsx
View File

@@ -1,11 +1,11 @@
import cn from "classnames";
import { FunctionComponent } from "react";
import s from "./Featurebar.module.css";
import cn from 'classnames'
import { FunctionComponent } from 'react'
import s from './Featurebar.module.css'
interface Props {
className?: string;
title: string;
description: string;
className?: string
title: string
description: string
}
const Featurebar: FunctionComponent<Props> = ({
@@ -13,14 +13,14 @@ const Featurebar: FunctionComponent<Props> = ({
description,
className,
}) => {
const rootClassName = cn(s.root, className);
const rootClassName = cn(s.root, className)
return (
<div className={rootClassName}>
<span className={s.title}>{title}</span>
<span className={s.separator} />
<span className={s.description}>{description}</span>
</div>
);
};
)
}
export default Featurebar;
export default Featurebar

2
components/core/Featurebar/index.ts
View File

@@ -1 +1 @@
export { default } from "./Featurebar";
export { default } from './Featurebar'

20
components/core/Footer/Footer.tsx
View File

@@ -1,20 +1,20 @@
import cn from "classnames";
import React, { FunctionComponent } from "react";
import s from "./Footer.module.css";
import { Container } from "@components/ui";
import cn from 'classnames'
import React, { FunctionComponent } from 'react'
import s from './Footer.module.css'
import { Container } from '@components/ui'
interface Props {
className?: string;
children?: any;
className?: string
children?: any
}
const Footer: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
const rootClassName = cn(s.root, className)
return (
<footer className={rootClassName}>
<Container className={s.container}></Container>
</footer>
);
};
)
}
export default Footer;
export default Footer

2
components/core/Footer/index.ts
View File

@@ -1 +1 @@
export { default } from "./Footer";
export { default } from './Footer'

28
components/core/Layout/Layout.tsx
View File

@@ -1,19 +1,19 @@
import cn from "classnames";
import React, { FunctionComponent } from "react";
import s from "./Layout.module.css";
import { Navbar, Featurebar } from "@components/core";
import { Container, Sidebar } from "@components/ui";
import { CartSidebarView } from "@components/cart";
import { useUI } from "@components/ui/context";
import cn from 'classnames'
import React, { FunctionComponent } from 'react'
import s from './Layout.module.css'
import { Navbar, Featurebar } from '@components/core'
import { Container, Sidebar } from '@components/ui'
import { CartSidebarView } from '@components/cart'
import { useUI } from '@components/ui/context'
interface Props {
className?: string;
children?: any;
className?: string
children?: any
}
const Layout: FunctionComponent<Props> = ({ className, children }) => {
const rootClassName = cn(s.root, className);
const { displaySidebar } = useUI();
const rootClassName = cn(s.root, className)
const { displaySidebar } = useUI()
return (
<div className={rootClassName}>
<Featurebar
@@ -30,7 +30,7 @@ const Layout: FunctionComponent<Props> = ({ className, children }) => {
</Sidebar>
)}
</div>
);
};
)
}
export default Layout;
export default Layout

2
components/core/Layout/index.ts
View File

@@ -1 +1 @@
export { default } from "./Layout";
export { default } from './Layout'

22
components/core/Navbar/Navbar.tsx
View File

@@ -1,15 +1,15 @@
import cn from "classnames";
import React, { FunctionComponent } from "react";
import s from "./Navbar.module.css";
import { Logo, Container } from "@components/ui";
import { Searchbar } from "@components/core";
import { UserNav } from "@components/core";
import cn from 'classnames'
import React, { FunctionComponent } from 'react'
import s from './Navbar.module.css'
import { Logo, Container } from '@components/ui'
import { Searchbar } from '@components/core'
import { UserNav } from '@components/core'
interface Props {
className?: string;
className?: string
}
const Navbar: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
const rootClassName = cn(s.root, className)
return (
<Container className={rootClassName}>
<Logo />
@@ -23,7 +23,7 @@ const Navbar: FunctionComponent<Props> = ({ className }) => {
</div>
<UserNav />
</Container>
);
};
)
}
export default Navbar;
export default Navbar

2
components/core/Navbar/index.ts
View File

@@ -1 +1 @@
export { default } from "./Navbar";
export { default } from './Navbar'

18
components/core/Searchbar/Searchbar.tsx
View File

@@ -1,14 +1,14 @@
import cn from "classnames";
import React, { FunctionComponent } from "react";
import s from "./Searchbar.module.css";
import cn from 'classnames'
import React, { FunctionComponent } from 'react'
import s from './Searchbar.module.css'
interface Props {
className?: string;
children?: any;
className?: string
children?: any
}
const Searchbar: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
const rootClassName = cn(s.root, className)
return (
<div className={rootClassName}>
<div className="flex-1 flex justify-between px-2">
@@ -26,7 +26,7 @@ const Searchbar: FunctionComponent<Props> = ({ className }) => {
</div>
</div>
</div>
);
};
)
}
export default Searchbar;
export default Searchbar

2
components/core/Searchbar/index.ts
View File

@@ -1 +1 @@
export { default } from "./Searchbar";
export { default } from './Searchbar'

24
components/core/UserNav/UserNav.tsx
View File

@@ -1,17 +1,17 @@
import cn from "classnames";
import React, { FunctionComponent } from "react";
import s from "./UserNav.module.css";
import { Avatar } from "@components/core";
import { Heart, Bag } from "@components/icon";
import { useUI } from "@components/ui/context";
import cn from 'classnames'
import React, { FunctionComponent } from 'react'
import s from './UserNav.module.css'
import { Avatar } from '@components/core'
import { Heart, Bag } from '@components/icon'
import { useUI } from '@components/ui/context'
interface Props {
className?: string;
className?: string
}
const UserNav: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
const { openSidebar } = useUI();
const rootClassName = cn(s.root, className)
const { openSidebar } = useUI()
return (
<nav className={rootClassName}>
@@ -30,7 +30,7 @@ const UserNav: FunctionComponent<Props> = ({ className }) => {
</li>
</ul>
</nav>
);
};
)
}
export default UserNav;
export default UserNav

2
components/core/UserNav/index.ts
View File

@@ -1 +1 @@
export { default } from "./UserNav";
export { default } from './UserNav'

14
components/core/index.ts
View File

@@ -1,7 +1,7 @@
export { default as Avatar } from "./Avatar";
export { default as Featurebar } from "./Featurebar";
export { default as Footer } from "./Footer";
export { default as Layout } from "./Layout";
export { default as Navbar } from "./Navbar";
export { default as Searchbar } from "./Searchbar";
export { default as UserNav } from "./UserNav";
export { default as Avatar } from './Avatar'
export { default as Featurebar } from './Featurebar'
export { default as Footer } from './Footer'
export { default as Layout } from './Layout'
export { default as Navbar } from './Navbar'
export { default as Searchbar } from './Searchbar'
export { default as UserNav } from './UserNav'