I have a component that displays a logo on a page, I need to be able to dynamically change this logo depending on what group the user is a member of. For example let's say we have two users, James & Paul and they belong to two separate groups. James is in group A and Paul is is group B, I want to only show img for group A and a different img src if they are in group B.
<img class="ui image"
(user group == 'group A') ? ('show logo for group A')
(user group == 'group B') ? ('show logo for group A')
How can I do this? I am having some trouble trying to reference user's group, I can do it with the name but need to be able to do it with it's group.