Tag: use colorField to define the tag color

[ecarreras]

This pull request includes several enhancements to the Tag component in the src/widgets/custom/Tag.tsx file. The main changes involve adding new hooks and context to handle network requests and dynamic color updates for tags.

Enhancements to Tag component:

• Imports Update:

  • Added useContext, useState, useEffect, and useCallback from React.
  • Imported useNetworkRequest hook, ConnectionProvider, and FormContext for handling network requests and form context.

• State and Context Integration:

  • Introduced readObjects and cancelReadObjectsRequest using useNetworkRequest to fetch data.
  • Integrated FormContext to access form field values.

• Dynamic Color Update:

  • Added a useState hook to manage the tag color state.
  • Implemented updateColor function using useCallback to fetch and set the tag color based on the ooui.colorField.
  • Added a useEffect hook to call updateColor whenever ooui.colorField changes.

These changes enhance the functionality of the Tag component by allowing it to dynamically update its color based on the context and network data.

Related

• Requires Tag: allow colorField to define color for tag ooui#172
• Closes https://github.com/gisce/webclient/issues/1753