Lint project

This commit is contained in:
Kurt Hutten
2020-11-11 03:18:10 +11:00
parent d8efead4e8
commit 39898270df
33 changed files with 852 additions and 481 deletions

View File

@@ -1,21 +1,31 @@
import { getActiveClasses } from 'get-active-classes'
import Svg from 'src/components/Svg'
const Button = ({onClick, iconName, children, className, shouldAnimateHover, disabled}) => {
const Button = ({
onClick,
iconName,
children,
className,
shouldAnimateHover,
disabled,
}) => {
return (
<button
disabled={disabled}
className={getActiveClasses(
"flex items-center bg-opacity-50 rounded-xl p-2 px-6 text-indigo-600",
{'mx-px transform hover:-translate-y-px transition-all duration-150': shouldAnimateHover && !disabled},
className,
{"bg-gray-300 shadow-none hover:shadow-none": disabled},
)}
onClick={onClick}
>
{children}
<Svg className="w-6 ml-4" name={iconName} />
</button>
<button
disabled={disabled}
className={getActiveClasses(
'flex items-center bg-opacity-50 rounded-xl p-2 px-6 text-indigo-600',
{
'mx-px transform hover:-translate-y-px transition-all duration-150':
shouldAnimateHover && !disabled,
},
className,
{ 'bg-gray-300 shadow-none hover:shadow-none': disabled }
)}
onClick={onClick}
>
{children}
<Svg className="w-6 ml-4" name={iconName} />
</button>
)
}