JSX Si un valor en una matriz de Diccionarios es el mismo, muestra un

JSX Si un valor en una matriz de Diccionarios es el mismo, muestra un mensaje

Tengo una variedad de diccionarios que son sesiones grupales que muestro y, en caso de que todas las sesiones grupales estén marcadas como no públicas, quiero mostrar un mensaje en su lugar.

Ya tengo un mensaje que muestra si no hay grupos, pero también quiero uno que muestre un mensaje diferente si hay grupos pero ninguno es público.

Abajo está el código que estoy usando.

  <div className="sk-asset sk-groups">
      {profile.group_sessions.length > 0 ? profile.group_sessions.reverse().map(group => (
        <div key={group.id}><GroupsCards group={group} /></div>))
    : <p style={{ textAlign: 'center', fontSize: 25 }}>More groups coming soon to your area</p> }
  </div>

Mis pensamientos están recorriendo la matriz para ver si todos están configurados en is_public = false, pero no sé cómo hacerlo. Si alguien tiene una sugerencia mejor, estoy totalmente de acuerdo. ¡Gracias por mirar!

Mostrar la mejor respuesta

Utilice el filtro y verifique si la matriz de resultados está vacía.

if (profile.group_sessions.filter(group => group.is_public).length === 0)