From ba9bab2b4d831ccc68c18f9219045da10346fd38 Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidcralph.co.uk>
Date: Sun, 11 Sep 2022 17:54:07 +0100
Subject: [PATCH] fix: interval not appearing for marketplace

---
 .../settings/sections/background/Background.jsx     | 13 +++++++++----
 .../main/settings/sections/background/Custom.jsx    |  1 -
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/modals/main/settings/sections/background/Background.jsx b/src/components/modals/main/settings/sections/background/Background.jsx
index 14273ce0..6659a4fd 100644
--- a/src/components/modals/main/settings/sections/background/Background.jsx
+++ b/src/components/modals/main/settings/sections/background/Background.jsx
@@ -62,14 +62,16 @@ export default class BackgroundSettings extends PureComponent {
   }
 
   render() {
-    const { getMessage } = this;
-
     const interval = (
       <SettingsItem
         title={variables.getMessage('modals.main.settings.sections.background.interval.title')}
         subtitle={variables.getMessage(
           'modals.mani.settings.sections.background.intervanl.subtitle',
         )}
+        final={localStorage.getItem('photo_packs') &&
+        this.state.backgroundType !== 'custom' &&
+        this.state.backgroundType !== 'colour' &&
+        this.state.backgroundType !== 'api'}
       >
         <Dropdown
           label={variables.getMessage('modals.main.settings.sections.background.interval.title')}
@@ -103,7 +105,6 @@ export default class BackgroundSettings extends PureComponent {
 
     const APISettings = (
       <>
-        {interval}
         <SettingsItem
           title={variables.getMessage('modals.main.settings.sections.background.api')}
           subtitle={variables.getMessage('modals.main.settings.sections.background.api_subtitle')}
@@ -189,7 +190,7 @@ export default class BackgroundSettings extends PureComponent {
     let backgroundSettings = APISettings;
     switch (this.state.backgroundType) {
       case 'custom':
-        backgroundSettings = <CustomSettings interval={interval} />;
+        backgroundSettings = <CustomSettings />;
         break;
       case 'colour':
         backgroundSettings = <ColourSettings />;
@@ -431,6 +432,10 @@ export default class BackgroundSettings extends PureComponent {
                 </option>
               </Dropdown>
             </SettingsItem>
+            {/* // todo: ideally refactor all of this file, but we need interval to appear on marketplace too */}
+            {(this.state.backgroundType === 'api' ||
+          this.state.backgroundType === 'custom' ||
+          this.state.marketplaceEnabled) ? interval : null}
             {backgroundSettings}
           </>
         ) : null}
diff --git a/src/components/modals/main/settings/sections/background/Custom.jsx b/src/components/modals/main/settings/sections/background/Custom.jsx
index 59863fc6..82aac278 100644
--- a/src/components/modals/main/settings/sections/background/Custom.jsx
+++ b/src/components/modals/main/settings/sections/background/Custom.jsx
@@ -175,7 +175,6 @@ export default class CustomSettings extends PureComponent {
   render() {
     return (
       <>
-        {this.props.interval}
         <div className="dropzone" ref={this.customDnd}>
           <div className="imagesTopBar">
             <div>