Hide filter button for 100 year domains (#98437)

* Hide filter button for 100 year domains * Fix mobile issue * Do not render TLD filter in 100 year flows instead of hiding with CSS --------- Co-authored-by: Leonardo Sameshima Taba <[email protected]>
Automattic · Jan 16, 2025 · 6b939db · 6b939db
1 parent 6ee6989
commit 6b939db
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/client/components/domains/register-domain-step/index.jsx b/client/components/domains/register-domain-step/index.jsx
@@ -543,6 +543,10 @@ class RegisterDomainStep extends Component {
 			( Array.isArray( this.state.availableTlds ) && this.state.availableTlds.length > 0 ) ||
 			this.state.loadingResults;
 
+		if ( [ HUNDRED_YEAR_PLAN_FLOW, HUNDRED_YEAR_DOMAIN_FLOW ].includes( this.props.flowName ) ) {
+			return null;
+		}
+
 		return (
 			showFilters && (
 				<DropdownFilters

diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss
@@ -471,6 +471,10 @@
 		}
 	}
 
+	.register-domain-step__search-card {
+		background: none;
+	}
+
 	.search-component {
 		overflow: hidden;
 	}
@@ -591,6 +595,12 @@
 
 		.domain-search-results__domain-available-notice {
 			background: transparent;
+			display: flex;
+			margin-left: 0;
+
+			.domain-search-results__domain-available-notice-icon {
+				margin-right: 4px;
+			}
 
 			/* hide transfer link */
 			a {