Toggle Switch with ColorSelect - Fitbit Community

Join us on the Community Forums!

Community Guidelines

The Fitbit Community is a gathering place for real people who wish to exchange ideas, solutions, tips, techniques, and insight about the Fitbit products and services they love. By joining our Community, you agree to uphold these guidelines, so please take a moment to look them over.
Learn the Basics

Check out our Frequently Asked Questions page for information on Community features, and tips to make the most of your time here.
Join the Community!

Join an existing conversation, or start a new thread to ask your question. Creating your account is completely free, and takes about a minute.

Toggle Switch with ColorSelect

jomis003

131 8 43

I need a fresh set of eyes on something that banging my head with and the answer seems to be in sight but just out of grasp.

I am working with a toggle switch in settings that when set to true, it displays the colorSelect.

const colorSet = [
 {color: "black"},
 {color: "grey"},
 {color: "lightgrey"},
 {color: "beige"},
 {color: "whitesmoke"},
 {color: "white"},
];

<Toggle
    settingsKey="toggle"
    label="Set Toggle"
/>
    { JSON.parse(props.settings.toggle || 'false') && 
     <ColorSelect settingsKey="colorToggle" 
      colors={colorSet} 
     /> }

What is eluding me is when the toggle is set to false and the colorSelect collapses, that the setting is removed and set back to default.

I have tried implementing the props.settingsStorage.clear("colorToggle") but this clears all of the settings instead of just this one.

Any help is appreciated.

Best Answer

0 REPLIES 0