MMI 3200 UI

[JacobWang-bc]

1. Refactored Tags component using Context API for state management,
2. let editor add/remove Text Tag list in the editor UI.
3. Add custom hooks
4. Added type definitions.

graph LR
    subgraph Old Structure
        A[Tags component] --> B[state management]
        A --> C[logic]
        A --> D[UI render]
    end

    subgraph New structure
        E[Tags component] --> F[TagsContext]
        F --> G[state management]
        F --> H[useTagManagement]
        H --> I[Parse Tag]
        H --> J[Tag update]
        E --> K[UI render]
    end

Loading

work flow

sequenceDiagram
    participant UI as  UI
    participant Context as TagsContext
    participant Hook as useTagManagement
    
    UI->>Context: User selecet (addTags)
    Context->>Hook:  call processTagSelectionChanges
    alt new tags
        Hook->>Hook: handleTagAddition
    else remove tags
        Hook->>Hook: handleTagRemoval
    end
    Hook->>Context: get response and update UI
    Context->>UI: render UI

Loading

[nehalaggarwal-bcgov]

Great work Jacob!