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 }) => {
return (
<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
className={
'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>
<span className={checked && 'text-ch-gray-500'}>{onLabel}</span>
<span className={`${checked && 'text-ch-gray-500'}`}>{onLabel}</span>
<input
className="sr-only"
type="checkbox"