ErrorState
AppError state pairing an inline alert banner with a centered empty state. Optional retry action.
Something went wrong
Failed to load user data. Please check your connection.
Unable to load data
There was a problem loading this content.
<%- include('modules/app/ErrorState', {
message: 'Failed to load user data. Please check your connection.'
}) %>
<%- include('modules/app/ErrorState', {
title: 'Database connection failed',
message: 'Could not connect to the database. Please try again.',
retryHref: req.originalUrl,
retryLabel: 'Try again'
}) %>
<%
var _title = locals.title || 'Something went wrong';
var _message = locals.message || '';
var _retryLabel = locals.retryLabel || 'Try again';
var _onRetry = locals.onRetry || '';
var _alertId = 'err-alert-' + Math.random().toString(36).substr(2, 9);
%>
<%# AlertBanner variant="error" title=_title message=_message action={_onRetry ? {label, onClick}: undefined} %>
<%= _title %>
<% if (_message) { %><%= _message %>
<% } %>
<% if (_onRetry) { %>
<% } %>
<% if (_onRetry) { %>
<%# EmptyState — icon container matches EmptyState.ejs default class output, but recolored to error tokens %>
Unable to load data
There was a problem loading this content.
<%# Button variant="outline" size="sm" iconLeft={faRotateRight} %>
<% } %>