Merge pull request #27254 from brave/issues/43329

Move Sponsored Image Toggle
brave · Jan 15, 2025 · 7ec5f61 · 7ec5f61
2 parents 5f9ec02 + 7c9f1d0
commit 7ec5f61
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/components/brave_new_tab_ui/containers/newTab/settings/backgroundImage.tsx b/components/brave_new_tab_ui/containers/newTab/settings/backgroundImage.tsx
@@ -147,6 +147,18 @@ class BackgroundImageSettings extends React.PureComponent<Props, State> {
                 size='small'
               />
             </SettingsRow>
+            {braveRewardsSupported && (
+              <SettingsRow>
+                <SponsoredImageToggle
+                  onChange={toggleBrandedWallpaperOptIn}
+                  onEnableRewards={onEnableRewards}
+                  checked={showBackgroundImage && brandedWallpaperOptIn}
+                  disabled={!showBackgroundImage /* This option can only be enabled if users opt in for background images */}
+                  rewardsEnabled={this.props.newTabData.rewardsState.rewardsEnabled}
+                  isExternalWalletConnected={
+                    Boolean(this.props.newTabData.rewardsState.externalWallet)} />
+              </SettingsRow>
+            )}
             {showBackgroundImage && featureCustomBackgroundEnabled && (
               <StyledCustomBackgroundSettings>
                 {this.renderUploadButton(this.onClickCustomBackground, usingCustomImageBackground, /* showTitle= */ true, this.props.newTabData.customImageBackgrounds)}
@@ -188,19 +200,6 @@ class BackgroundImageSettings extends React.PureComponent<Props, State> {
                 </StyledCustomBackgroundOption>
               </StyledCustomBackgroundSettings>
             )}
-            <div style={{ height: '16px' }}/>
-            {braveRewardsSupported && (
-              <SettingsRow>
-                <SponsoredImageToggle
-                  onChange={toggleBrandedWallpaperOptIn}
-                  onEnableRewards={onEnableRewards}
-                  checked={showBackgroundImage && brandedWallpaperOptIn}
-                  disabled={!showBackgroundImage /* This option can only be enabled if users opt in for background images */}
-                  rewardsEnabled={this.props.newTabData.rewardsState.rewardsEnabled}
-                  isExternalWalletConnected={
-                    Boolean(this.props.newTabData.rewardsState.externalWallet)} />
-              </SettingsRow>
-            )}
           </div>
         )}
         {this.state.location === Location.SOLID_COLORS &&