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,9 +1,15 @@
import { getActiveClasses } from 'get-active-classes'
const InputText = ({value, isEditable, onChange ,className}) => {
const InputText = ({ value, isEditable, onChange, className }) => {
return (
<>
<div className={getActiveClasses('relative inline-block', {'hidden': !isEditable}, className)}>
<div
className={getActiveClasses(
'relative inline-block',
{ hidden: !isEditable },
className
)}
>
<div className="absolute inset-0 mb-2 rounded bg-gray-200 shadow-inner bg-gray-100" />
<input
className="pl-2 pt-1 text-indigo-800 font-medium mb-px pb-px bg-transparent relative"
@@ -13,7 +19,15 @@ const InputText = ({value, isEditable, onChange ,className}) => {
type="text"
/>
</div>
<span className={getActiveClasses('pl-2 text-indigo-800 font-medium mb-px pb-px',{'hidden': isEditable}, className)}>{value}</span>
<span
className={getActiveClasses(
'pl-2 text-indigo-800 font-medium mb-px pb-px',
{ hidden: isEditable },
className
)}
>
{value}
</span>
</>
)
}