# Matchup Event Centre

## Steps to render Matchup view - No navigation

* Add your unique operator ID.
* Set your targetModule: "matchup" (case sensitive).
* Enter the eventId, note to use the unique ID for the fightcard
* Find the unique fightID that you would like to navigate to when the event centre is initially rendered, e.g. 7121
* Add the initialContext which consists of "view" & "fightId"
  * 'View' must be: "matchup" to render the fightcard in matchup view
  * 'fightId' of a given fight.

Sample Code:

```javascript
const { MessageTopics } = frontRowSeat.eventCentreUtils;
const eventCentreInstance = frontRowSeat.eventCentre({
        operator: "operatorIDName",
        sport: "ufc",
        targetModule: "matchup",
        eventId: "eventID",
        version: "version number",
        targetElementSelector: "#img-arena-event-centre",
        language: "en",
        initialContext: {
          view: "matchup",
          fightId: "fightID"
        }
      });
```

{% embed url="<https://codesandbox.io/s/muddy-monad-tnjkrf>" %}

##