GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-11-14 17:35:35 +01:00
Code Issues Releases Activity

Merge branch 'add-classname-prop-to-switch' into 'dev'

Browse Source 
Add className prop to Switch

See merge request turris/reforis/foris-js!221
This commit is contained in:
Aleksandr Gumroian 2024-06-26 14:24:49 +02:00
commit 0b02bead71
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/bootstrap/Switch.js
View File

@ -19,15 +19,16 @@ Switch.propTypes = {
]).isRequired,
helpText: PropTypes.string,
switchHeading: PropTypes.bool,
className: PropTypes.string,
};
function Switch({ label, helpText, switchHeading, ...props }) {
function Switch({ label, helpText, switchHeading, className, ...props }) {
const uid = useUID();
return (
<div
className={`form-check form-switch mb-3 ${
switchHeading ? "d-flex align-items-center" : null
className={`form-check form-switch ${className || "mb-3"} ${
switchHeading ? "d-flex align-items-center" : ""
}`.trim()}
>
<input

4
src/bootstrap/__tests__/__snapshots__/Switch.test.js.snap
View File

@ -2,7 +2,7 @@
exports[`<Switch/> Render switch 1`] = `
<div
class="form-check form-switch mb-3 null"
class="form-check form-switch mb-3"
>
<input
checked=""
@ -29,7 +29,7 @@ exports[`<Switch/> Render switch 1`] = `
exports[`<Switch/> Render uncheked switch 1`] = `
<div
class="form-check form-switch mb-3 null"
class="form-check form-switch mb-3"
>
<input
class="form-check-input"

6
src/common/WiFiSettings/__tests__/__snapshots__/WiFiSettings.test.js.snap
View File

@ -536,7 +536,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
+ </div>
+ </div>
+ <div
+ class="form-check form-switch mb-3 null"
+ class="form-check form-switch mb-3"
+ >
+ <input
+ class="form-check-input"
@ -920,7 +920,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
+ </div>
+ </div>
+ <div
+ class="form-check form-switch mb-3 null"
+ class="form-check form-switch mb-3"
+ >
+ <input
+ class="form-check-input"
@ -943,7 +943,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
+ </div>
+ </div>
+ <div
+ class="form-check form-switch mb-3 null"
+ class="form-check form-switch mb-3"
+ >
+ <input
+ class="form-check-input"