VAULT-41682 - generalized and center-aligned HDS Application State text (#12040) (#12049)

Co-authored-by: mohit-hashicorp <mohit.ojha@hashicorp.com>
This commit is contained in:
Vault Automation 2026-01-28 11:58:34 -05:00 committed by GitHub
parent 84cf94dba8
commit fde84a90c2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 24 additions and 24 deletions

View file

@ -4,7 +4,7 @@
}}
{{#if (or @config.reportingEnabled (eq @config.enabled "On"))}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No data received" />
<A.Body
data-test-empty-state-message
@ -12,7 +12,7 @@
/>
</Hds::ApplicationState>
{{else if @config}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="Data tracking is disabled" />
<A.Body
data-test-empty-state-message
@ -30,7 +30,7 @@
{{/if}}
</Hds::ApplicationState>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="Activity configuration data is unavailable" />
<A.Body
data-test-empty-state-message

View file

@ -55,7 +55,7 @@
<:emptyState>
{{#if (and (eq tabName "Secret sync") (not this.flags.secretsSyncIsActivated))}}
<Hds::ApplicationState as |A|>
<Hds::ApplicationState @align="center" as |A|>
<A.Header @title="No secret sync clients" />
<A.Body @text="No data is available because Secrets Sync has not been activated." />
<A.Body>
@ -68,7 +68,7 @@
</A.Body>
</Hds::ApplicationState>
{{else}}
<Hds::ApplicationState as |A|>
<Hds::ApplicationState @align="center" as |A|>
<A.Header @title="No data found" />
<A.Body
@text="Select another client type {{if
@ -90,7 +90,7 @@
</:table>
</Clients::CountsCard>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No data found" />
<A.Body data-test-empty-state-message @text="No data to export in provided time range." />
</Hds::ApplicationState>

View file

@ -26,7 +26,7 @@
{{#if (eq @activity.id "no-data")}}
<Clients::NoData @config={{@config}} />
{{else if @activityError}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title={{this.error.title}} @icon="skip" @errorCode={{this.error.httpStatus}} />
<A.Body data-test-empty-state-message @text={{this.error.text}} />
</Hds::ApplicationState>
@ -85,7 +85,7 @@
{{yield}}
{{else if (and this.version.isCommunity (or (not @startTimestamp) (not @endTimestamp)))}}
{{! Empty state for community without start or end query param }}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="Input the start and end dates to view client attribution by path." />
<A.Body
data-test-empty-state-message
@ -93,7 +93,7 @@
/>
</Hds::ApplicationState>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No data received" />
<A.Body
data-test-empty-state-message

View file

@ -27,7 +27,7 @@
@showPaginationSizeSelector={{true}}
>
<:emptyState>
<Hds::ApplicationState as |A|>
<Hds::ApplicationState @align="center" as |A|>
<A.Header @title="No data found" />
<A.Body @text="Clear or change filters to view client count data." />
<A.Footer as |F|>

View file

@ -19,7 +19,7 @@
</div>
</div>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No metadata associated with {{@model.name}} yet" />
</Hds::ApplicationState>
{{/each-in}}

View file

@ -29,7 +29,7 @@
</div>
</LinkedBlock>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No {{@model.identityType}} aliases for {{@model.name}} yet" />
</Hds::ApplicationState>
{{/each}}

View file

@ -18,7 +18,7 @@
</LinkedBlock>
{{/each}}
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="{{@model.name}} is not a member of any groups." />
</Hds::ApplicationState>
{{/if}}

View file

@ -45,7 +45,7 @@
</LinkedBlock>
{{/each}}
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No members in this group yet" />
</Hds::ApplicationState>
{{/if}}

View file

@ -22,7 +22,7 @@
</div>
</div>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No metadata for {{@model.name}}" />
<A.Body
data-test-empty-state-message

View file

@ -22,7 +22,7 @@
</LinkedBlock>
{{/each}}
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="This group has no parent groups yet" />
</Hds::ApplicationState>
{{/if}}

View file

@ -23,7 +23,7 @@
</div>
</LinkedBlock>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No policies associated with {{@model.name}} yet" />
</Hds::ApplicationState>
{{/each}}

View file

@ -47,7 +47,7 @@
/>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No {{this.identityType}} aliases yet" />
<A.Body
data-test-empty-state-message

View file

@ -96,7 +96,7 @@
/>
{{else}}
<Hds::ApplicationState class="top-padding-32" as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header data-test-empty-state-title @title="No {{pluralize this.identityType}} yet" />
<A.Body
data-test-empty-state-message

View file

@ -4,7 +4,7 @@
}}
{{#if this.unwrapTokenError}}
<Hds::ApplicationState class="has-top-margin-xxl" data-test-page-error as |A|>
<Hds::ApplicationState @align="center" class="has-top-margin-xxl" data-test-page-error as |A|>
<A.Header @title="Authentication error" />
<A.Body @text="Token unwrap failed" />
<A.Body @text="Error: {{this.unwrapTokenError}}" />

View file

@ -4,7 +4,7 @@
}}
{{#if this.model.cannotRequestExport}}
<Hds::ApplicationState class="has-top-margin-xxl" as |A|>
<Hds::ApplicationState @align="center" class="has-top-margin-xxl" as |A|>
<A.Header @icon="skip" @title="You are not authorized" data-test-empty-state-title />
<A.Body data-test-empty-state-message>

View file

@ -15,7 +15,7 @@
<hr class="has-background-gray-300" />
{{#if (eq this.model.message "raft storage is not in use")}}
<Hds::ApplicationState as |A|>
<Hds::ApplicationState @align="center" class="top-padding-32" as |A|>
<A.Header @title="Raft storage required" @icon="info" data-test-empty-state-title />
<A.Body @text="Raft storage must be used in order to recover data from a snapshot." data-test-empty-state-message />
<A.Footer data-test-empty-state-actions as |F|>

View file

@ -100,7 +100,7 @@
</div>
<div class="grid-item-third-row">
{{#if (is-empty this.knownPrimaryClusterAddrs)}}
<Hds::ApplicationState data-test-empty-state as |A|>
<Hds::ApplicationState @align="center" data-test-empty-state as |A|>
<A.Header @title="No known_primary_cluster_addrs" />
<A.Body
@text="These addresses are used by the secondary to communicate with the primary cluster. Should always be non-zero in a functioning replication setup."

View file

@ -17,7 +17,7 @@
{{#if this.replicationAttrs.secondaries}}
<KnownSecondariesTable @secondaries={{this.replicationAttrs.secondaries}} />
{{else}}
<Hds::ApplicationState as |A|>
<Hds::ApplicationState @align="center" as |A|>
<A.Header
@title="No known {{this.cluster.replicationMode}} secondary clusters associated with this cluster"
data-test-empty-state-title