Skip to content

fix(ensadmin): Fix "Activated Features" UI on ENSAdmin "Connection" screen #1450

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Y3drk wants to merge 2 commits into
base: main
Choose a base branch
from
+66 −36
Draft

fix(ensadmin): Fix "Activated Features" UI on ENSAdmin "Connection" screen #1450

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f89e805
Change the filtering for activated/deactivated features in ENSAdmin/c…
Y3drk Jan 2, 2026
fe9da10
Merge branch 'main' of https://github.com/namehash/ensnode into y3drk…
Y3drk Jan 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 1 addition & 7 deletions apps/ensadmin/src/components/connection/config-info/app-card.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ export interface ConfigInfoItemProps {
export interface ConfigInfoFeatureProps {
label: string;
description: ReactNode;
isActivated?: boolean;
icon: ReactElement;
}

Expand Down Expand Up @@ -69,12 +68,7 @@ export function ConfigInfoItem({ label, value, additionalInfo }: ConfigInfoItemP
/**
* ConfigInfoFeature - Renders a single feature badge with tooltip
*/
export function ConfigInfoFeature({
label,
description,
isActivated = true,
icon,
}: ConfigInfoFeatureProps) {
export function ConfigInfoFeature({ label, description, icon }: ConfigInfoFeatureProps) {
return (
<div className="max-sm:w-full flex flex-row flex-nowrap justify-start max-sm:justify-between items-center gap-1">
<div className={featureActivationsWrapperStyles}>
Expand Down
94 changes: 65 additions & 29 deletions apps/ensadmin/src/components/connection/config-info/config-info.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -226,6 +226,61 @@ function ENSNodeConfigCardContent({
</p>
);

const healReverseAddressesFeature = (
<ConfigInfoFeature
label="Heal Reverse Addresses"
key="ENSIndexer Heal Reverse Addresses feature"
description={healReverseAddressesDescription}
icon={<HealIcon width={15} height={15} className="flex-shrink-0" />}
/>
);

const indexAdditionalRecordsFeature = (
<ConfigInfoFeature
label="Index Additional Resolver Records"
key="ENSIndexer Index Additional Resolver Records feature"
description={indexAdditionalRecordsDescription}
icon={<IndexAdditionalRecordsIcon width={15} height={15} className="flex-shrink-0" />}
/>
);

const replaceUnnormalizedLabelsFeature = (
<ConfigInfoFeature
label="Replace Unnormalized Labels"
key="ENSIndexer Replace Unnormalized Labels feature"
description={replaceUnnormalizedLabelsDescription}
icon={<Replace width={15} height={15} stroke="#3F3F46" className="flex-shrink-0" />}
/>
);

const subgraphCompatabilityFeature = (
<ConfigInfoFeature
label="Subgraph Compatibility"
key="ENSIndexer Subgraph Compatibility feature"
description={subgraphCompatibilityDescription}
icon={<IconGraphNetwork width={15} height={15} className="text-[#3F3F46] flex-shrink-0" />}
/>
);

const ensIndexerFeatures = [
{
isActivated: healReverseAddressesActivated,
feature: healReverseAddressesFeature,
},
{
isActivated: indexAdditionalRecordsActivated,
feature: indexAdditionalRecordsFeature,
},
{
isActivated: replaceUnnormalizedLabelsActivated,
feature: replaceUnnormalizedLabelsFeature,
},
{
isActivated: subgraphCompatibilityActivated,
feature: subgraphCompatabilityFeature,
},
];

const ensRootChainId = getENSRootChainId(ensIndexerPublicConfig.namespace);

return (
Expand Down Expand Up @@ -285,7 +340,7 @@ function ENSNodeConfigCardContent({
}
/>
</ConfigInfoItems>
<ConfigInfoFeatures>
<ConfigInfoFeatures activated={ensApiPublicConfig.theGraphFallback.canFallback}>
<ConfigInfoFeature
label="Subgraph API Fallback"
description={
Expand All @@ -312,7 +367,6 @@ function ENSNodeConfigCardContent({
</p>
)
}
isActivated={ensApiPublicConfig.theGraphFallback.canFallback}
icon={<History width={15} height={15} className="flex-shrink-0" />}
/>
</ConfigInfoFeatures>
Expand Down Expand Up @@ -471,33 +525,15 @@ function ENSNodeConfigCardContent({
}
/>
</ConfigInfoItems>
<ConfigInfoFeatures>
<ConfigInfoFeature
label="Heal Reverse Addresses"
description={healReverseAddressesDescription}
isActivated={healReverseAddressesActivated}
icon={<HealIcon width={15} height={15} className="flex-shrink-0" />}
/>
<ConfigInfoFeature
label="Index Additional Resolver Records"
description={indexAdditionalRecordsDescription}
isActivated={indexAdditionalRecordsActivated}
icon={<IndexAdditionalRecordsIcon width={15} height={15} className="flex-shrink-0" />}
/>
<ConfigInfoFeature
label="Replace Unnormalized Labels"
description={replaceUnnormalizedLabelsDescription}
isActivated={replaceUnnormalizedLabelsActivated}
icon={<Replace width={15} height={15} stroke="#3F3F46" className="flex-shrink-0" />}
/>
<ConfigInfoFeature
label="Subgraph Compatibility"
description={subgraphCompatibilityDescription}
isActivated={subgraphCompatibilityActivated}
icon={
<IconGraphNetwork width={15} height={15} className="text-[#3F3F46] flex-shrink-0" />
}
/>
<ConfigInfoFeatures activated={true}>
{ensIndexerFeatures
.filter((feature) => feature.isActivated)
.map((feature) => feature.feature)}
</ConfigInfoFeatures>
<ConfigInfoFeatures activated={false}>
{ensIndexerFeatures
.filter((feature) => !feature.isActivated)
.map((feature) => feature.feature)}
</ConfigInfoFeatures>
<ConfigInfoItems>
<ConfigInfoItem
Expand Down
Loading