add compass component