fix: add frequency tab options for donations, even when tiers are dis…

…abled (#2930)

assets/wizards/readerRevenue/views/donation/index.tsx

@@ -208,24 +208,44 @@ export const DonationAmounts = () => {
 			) : (
 				<Card isMedium>
 					<Grid columns={ 3 } rowGap={ 16 }>
-						{ availableFrequencies.map( section => (
-							<MoneyInput
-								currencySymbol={ currencySymbol }
-								label={ section.staticLabel }
-								value={ amounts[ section.key ][ 3 ] }
-								min={ minimumDonationFloat }
-								error={
-									amounts[ section.key ][ 3 ] < minimumDonationFloat
-										? __(
-												'Warning: suggested donations should be at least the minimum donation amount.',
-												'newspack'
-										  )
-										: null
-								}
-								onChange={ changeHandler( [ 'amounts', section.key, 3 ] ) }
-								key={ section.key }
-							/>
-						) ) }
+						{ availableFrequencies.map( section => {
+							const isFrequencyDisabled = disabledFrequencies[ section.key ];
+							const isOneFrequencyActive =
+								Object.values( disabledFrequencies ).filter( Boolean ).length ===
+								FREQUENCY_SLUGS.length - 1;
+							return (
+								<Grid columns={ 1 } gutter={ 16 } key={ section.key }>
+									<ToggleControl
+										checked={ ! isFrequencyDisabled }
+										onChange={ () =>
+											changeHandler( [ 'disabledFrequencies', section.key ] )(
+												! isFrequencyDisabled
+											)
+										}
+										label={ section.tieredLabel }
+										disabled={ ! isFrequencyDisabled && isOneFrequencyActive }
+									/>
+									{ ! isFrequencyDisabled && (
+										<MoneyInput
+											currencySymbol={ currencySymbol }
+											label={ section.staticLabel }
+											value={ amounts[ section.key ][ 3 ] }
+											min={ minimumDonationFloat }
+											error={
+												amounts[ section.key ][ 3 ] < minimumDonationFloat
+													? __(
+															'Warning: suggested donations should be at least the minimum donation amount.',
+															'newspack'
+													  )
+													: null
+											}
+											onChange={ changeHandler( [ 'amounts', section.key, 3 ] ) }
+											key={ section.key }
+										/>
+									) }
+								</Grid>
+							);
+						} ) }
 					</Grid>
 				</Card>
 			) }