fix(dashboard) Standardize heading levels for consistent hierarchy (#13861)
## Summary
**What** — What changes are introduced in this PR?
This PR standardizes heading levels across dashboard components to maintain proper semantic HTML hierarchy.
**Why** — Why are these changes relevant or necessary?
*Please provide answer here*
**How** — How have these changes been implemented?
- Added optional `headingLevel` prop `"h1" | "h2" | "h3"` to `DataTable` component with default value of `"h1"`
- Modified `Heading` component usage to explicitly specify the appropriate level based on context
**Testing** — How have these changes been tested, or how can the reviewer test the feature?
*Please provide answer here*
---
## Checklist
Please ensure the following before requesting a review:
- [x] I have added a **changeset** for this PR
- Every non-breaking change should be marked as a **patch**
- To add a changeset, run `yarn changeset` and follow the prompts
- [ ] The changes are covered by relevant **tests**
- [x] I have verified the code works as intended locally
- [ ] I have linked the related issue(s) if applicable
This commit is contained in:
+1
@@ -56,6 +56,7 @@ export const ApiKeySalesChannelSection = ({
|
||||
filters={filters}
|
||||
commands={commands}
|
||||
heading={t("salesChannels.domain")}
|
||||
headingLevel="h2"
|
||||
getRowId={(row) => row.id}
|
||||
rowCount={count}
|
||||
isLoading={isPending}
|
||||
|
||||
+1
-1
@@ -53,7 +53,7 @@ export const ApiKeyManagementListTable = ({
|
||||
<Container className="divide-y p-0">
|
||||
<div className="flex items-center justify-between px-6 py-4">
|
||||
<div>
|
||||
<Heading level="h2">
|
||||
<Heading level="h1">
|
||||
{keyType === "publishable"
|
||||
? t(`apiKeyManagement.domain.publishable`)
|
||||
: t("apiKeyManagement.domain.secret")}
|
||||
|
||||
Reference in New Issue
Block a user