overviewCards

Une carte du plugin dans Serveur › Vue d'ensemble, le tableau de bord du serveur. Elle montre un chiffre ou un graphique du plugin sur la période que l'admin a choisie.

Où dans Hodi

Serveur › Vue d'ensemble est le tableau de bord du serveur. En haut de cette page, l'admin du serveur choisit une période : 7 jours, 30 jours… Chaque carte de la page montre un chiffre ou un graphique sur cette période. Les cartes des plugins viennent après les cartes En ligne et Profils de Hodi, dans l'ordre des plugins.

Exemple

Cette carte montre combien de bonjours le plugin a dits pendant la période choisie :

import { OverviewCard, definePlugin, usePluginServerApi } from 'hodi:sdk'

const SaidCard = ({ from, to }) => {
  const count = useSaidCount(from, to)
  return <OverviewCard title="Bonjours" count={count} />
}

definePlugin({
  overviewCards: [
    {
      id: 'said',
      size: 'narrow',
      component: SaidCard
    }
  ]
})

Les champs d'une carte

overviewCards est une liste. Chaque carte de la liste a trois champs :

Les props

Hodi donne au composant la période que l'admin a choisie :

La largeur des cartes

À savoir

• Qui voit les cartes : l'admin du serveur seulement.
• Les données d'une carte : une serverRoute, appelée avec from et to.
• Si une carte plante : Hodi affiche un message à la place de cette carte.