Oh and your darkMode / lightMode definitions seem like a lot of duplication of code... Why not just do something like this?:
darkMode
lightMode
function ToggleButton(props){ return <i className={`fa-solid ${props.icon} ${props.isActive ? 'toogle-active' : 'toogle-inactive'}`} onClick={tooglemode} /> } function Toggle(){ return <div className="toogle"> <ToggleButton isActive={!dark} icon="fa-moon"> <ToggleButton isActive={dark} icon="fa-sun"> </div> }
Right Rense, this would be a better approach to implement that feature. I haven't really thought about implementing it in that manner.
Really appreciate you efforts for sharing this amazing approach with the community 🙂.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Oh and your
darkMode
/lightMode
definitions seem like a lot of duplication of code... Why not just do something like this?:Right Rense, this would be a better approach to implement that feature. I haven't really thought about implementing it in that manner.
Really appreciate you efforts for sharing this amazing approach with the community 🙂.