WX - World Clock Assignment

[wenxin-p]

No description provided.

[Flashrob]

I think we can improve this by using a data structure and map it!

const data = [
{
    timeZone: "Europe/Berlin",
    city: "Berlin"
}, ...]

and then

data.map((item) => {
     return (
            <Row className="table-row">
            <Col className="table-col">
              <p>{item.city}</p>
            </Col>
            <Col className="table-time">
              <p>
                <Clock timeZone={item.timeZone} />
              </p>
            </Col>
          </Row>
     )
})