UserStatusBadge

Domain

ACTIVE → green, INACTIVE → neutral, BANNED → red. dot prop ile renkli nokta eklenir.

All statuses

Preview

Active Inactive Banned

Code

<%- include('modules/domain/common/user/UserStatusBadge', { status: 'ACTIVE' }) %>
<%- include('modules/domain/common/user/UserStatusBadge', { status: 'INACTIVE' }) %>
<%- include('modules/domain/common/user/UserStatusBadge', { status: 'BANNED' }) %>

With dot

Preview

Active Inactive Banned

Code

<%- include('modules/domain/common/user/UserStatusBadge', { status: 'ACTIVE', dot: true }) %>

Source modules/domain/common/user/UserStatusBadge.ejs

<%
  var _status = (locals.status || '').toUpperCase();
  var _size   = locals.size || 'md';
  var _dot    = !!locals.dot;

  var statusMeta = {
    ACTIVE:   { children: 'Active',   variant: 'success' },
    INACTIVE: { children: 'Inactive', variant: 'neutral' },
    BANNED:   { children: 'Banned',   variant: 'error' },
  };
  var meta = statusMeta[_status] || { children: locals.status || _status, variant: 'neutral' };
%>
<%- include('../../../ui/Badge', {
  variant:  meta.variant,
  size:     _size,
  dot:      _dot,
  children: meta.children
}) %>