img-mapper/react-img-mapper

[Feature] Disabling individual area coords.

Closed this issue · 7 comments

meljason commented

Is your feature request related to a problem? Please describe.
It is not a big problem but I think a bool disabled function would be great as sometimes on site-plans, I want to disable certain sold-out area.

Describe the solution you'd like
Probably something like disable boolean that we can add when we declare the map const.

Describe alternatives you've considered
Currently I am updating the id to empty so that users cannot click on that certain area. But this is not the best solution because users can technically still click on it. It is just that it is not linked to that id because I removed it. A disable boolean would be a better way to do it.

NishargShah commented

Great Feature, I am willing to add that feature to my project

  • ❤️1
meljason commented

Awesome! Thank you very much. Great work!

  • 🎉1
NishargShah commented

I am planning to add active: true | false in JSON.

If you are passing active: false in a specific area it will not highlight that specific area.

it will give similar results to that https://img-mapper.github.io/react-docs/?path=/story/examples-area--show-highlighted-area

  • 👍1
meljason commented

That's perfect!

NishargShah commented

Hello @meljason

Please upgrade your version to v1.0.4

Here are the docs https://img-mapper.github.io/react-docs/?path=/story/examples-area--in-array-show-highlighted-area

Thanks

  • ❤️1
NishargShah commented

did you upgrade the package to v1.0.4?

meljason commented

@NishargShah Yes it works now. I just forgot to restart my localhost. Thank you!

  • 🎉1