h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Remove console noise from Toggle component

Browse Source
This commit is contained in:
Kurt Hutten
2021-10-12 20:38:16 +11:00
parent ea2671baa1
commit b88a7b2262
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/web/src/components/Toggle/Toggle.tsx
View File

@@ -1,7 +1,7 @@
const Toggle = ({ offLabel = 'off', onLabel = 'on', checked, onChange }) => { const Toggle = ({ offLabel = 'off', onLabel = 'on', checked, onChange }) => {
return ( return (
<div className="flex items-center text-sm cursor-pointer font-light"> <div className="flex items-center text-sm cursor-pointer font-light">
<span className={!checked && 'text-ch-gray-500'}>{offLabel}</span> <span className={`${!checked && 'text-ch-gray-500'}`}>{offLabel}</span>
<div <div
className={ className={
'mx-2 w-7 h-4 p-1 rounded-full border border-ch-gray-300 relative ' + 'mx-2 w-7 h-4 p-1 rounded-full border border-ch-gray-300 relative ' +
@@ -19,7 +19,7 @@ const Toggle = ({ offLabel = 'off', onLabel = 'on', checked, onChange }) => {
}} }}
></div> ></div>
</div> </div>
<span className={checked && 'text-ch-gray-500'}>{onLabel}</span> <span className={`${checked && 'text-ch-gray-500'}`}>{onLabel}</span>
<input <input
className="sr-only" className="sr-only"
type="checkbox" type="checkbox"