diff --git a/src/components/modals/main/settings/sections/About.jsx b/src/components/modals/main/settings/sections/About.jsx index 25c56fb9..9797b24c 100644 --- a/src/components/modals/main/settings/sections/About.jsx +++ b/src/components/modals/main/settings/sections/About.jsx @@ -67,7 +67,7 @@ export default class About extends React.PureComponent { if (navigator.onLine === false || localStorage.getItem('offlineMode') === 'true') { this.setState({ update: this.language.version.offline_mode, - loading: window.language.modals.update.offline.title + loading: window.language.modals.main.marketplace.offline.description }); return; } diff --git a/src/components/modals/main/settings/sections/Language.jsx b/src/components/modals/main/settings/sections/Language.jsx index 43fa462a..4bd79dbd 100644 --- a/src/components/modals/main/settings/sections/Language.jsx +++ b/src/components/modals/main/settings/sections/Language.jsx @@ -37,6 +37,14 @@ export default class BackgroundSettings extends React.PureComponent { } componentDidMount() { + if (navigator.onLine === false || localStorage.getItem('offlineMode') === 'true') { + return this.setState({ + quoteLanguages: [{ + name: window.language.modals.main.marketplace.offline.description, + value: 'loading' + }] + }); + } this.getQuoteLanguages(); } diff --git a/src/components/modals/main/settings/sections/background/Background.jsx b/src/components/modals/main/settings/sections/background/Background.jsx index 39d71704..624dd5f9 100644 --- a/src/components/modals/main/settings/sections/background/Background.jsx +++ b/src/components/modals/main/settings/sections/background/Background.jsx @@ -158,9 +158,9 @@ export default class BackgroundSettings extends React.PureComponent { {backgroundSettings}

{background.buttons.title}

- - - + + +

{background.effects.title}

diff --git a/src/components/modals/main/settings/sections/background/Colour.jsx b/src/components/modals/main/settings/sections/background/Colour.jsx index e6da0b9a..c61d3b8d 100644 --- a/src/components/modals/main/settings/sections/background/Colour.jsx +++ b/src/components/modals/main/settings/sections/background/Colour.jsx @@ -30,7 +30,7 @@ export default class ColourSettings extends React.PureComponent { toast(window.language.toasts.reset); } - initialiseColorPickerState(gradientSettings) { + initialiseColourPickerState(gradientSettings) { this.GradientPickerInitalState = { points: gradientSettings.gradient.map((g) => { const rgb = hexToRgb(g.colour); @@ -110,7 +110,7 @@ export default class ColourSettings extends React.PureComponent { return this.language.sections.background.source.disabled; } - onColorPickerChange = (attrs, name) => { + onColourPickerChange = (attrs, name) => { if (process.env.NODE_ENV === 'development') { console.log(attrs, name); } @@ -138,14 +138,14 @@ export default class ColourSettings extends React.PureComponent { let gradientInputs; if (gradientHasMoreThanOneColour) { if (this.GradientPickerInitalState === undefined) { - this.initialiseColorPickerState(this.state.gradientSettings); + this.initialiseColourPickerState(this.state.gradientSettings); } gradientInputs = ( this.onColorPickerChange(color, 'start')} - onChange={(color) => this.onColorPickerChange(color, 'change')} - onEndChange={(color) => this.onColorPickerChange(color, 'end')} + onStartChange={(colour) => this.onColourPickerChange(colour, 'start')} + onChange={(colour) => this.onColourPickerChange(colour, 'change')} + onEndChange={(colour) => this.onColourPickerChange(colour, 'end')} gradient={this.GradientPickerInitalState} isGradient/> ); diff --git a/src/components/widgets/background/PhotoInformation.jsx b/src/components/widgets/background/PhotoInformation.jsx index bd3cb877..0ed22ac1 100644 --- a/src/components/widgets/background/PhotoInformation.jsx +++ b/src/components/widgets/background/PhotoInformation.jsx @@ -57,7 +57,7 @@ export default function PhotoInformation(props) { {props.info.resolution || 'N/A'} {photographer} - {(localStorage.getItem('downloadbtn') === 'true') ? + {(localStorage.getItem('downloadbtn') === 'true') && !props.info.offline && !props.info.photographerURL ? <> downloadImage(props.info)}>{language.download} diff --git a/src/translations/de_DE.json b/src/translations/de_DE.json index 2dad787f..c7693099 100644 --- a/src/translations/de_DE.json +++ b/src/translations/de_DE.json @@ -319,14 +319,14 @@ }, "offline": { "title": "Sieht aus, als ob Sie offline sind", - "description": "Bitte stellen Sie eine Verbindung zum Internet her." + "description": "Bitte stellen Sie eine Verbindung zum Internet her" } }, "addons": { "added": "Hinzugefügt", "empty": { "title": "Hier ist es leer", - "description": "Gehen Sie zum Marktplatz, um einige hinzuzufügen." + "description": "Gehen Sie zum Marktplatz, um einige hinzuzufügen" }, "sideload": "Hochladen" } diff --git a/src/translations/en_GB.json b/src/translations/en_GB.json index 220ad98a..0ce86b40 100644 --- a/src/translations/en_GB.json +++ b/src/translations/en_GB.json @@ -319,7 +319,7 @@ }, "offline": { "title": "Looks like you're offline", - "description": "Please connect to the internet." + "description": "Please connect to the internet" } }, "addons": { diff --git a/src/translations/en_US.json b/src/translations/en_US.json index b1109e06..a2b9e804 100644 --- a/src/translations/en_US.json +++ b/src/translations/en_US.json @@ -319,7 +319,7 @@ }, "offline": { "title": "Looks like you're offline", - "description": "Please connect to the internet." + "description": "Please connect to the internet" } }, "addons": { diff --git a/src/translations/es.json b/src/translations/es.json index 5fd7c297..e7a4c411 100644 --- a/src/translations/es.json +++ b/src/translations/es.json @@ -319,7 +319,7 @@ }, "offline": { "title": "Parece que estás desconectado", - "description": "Por favor conéctate a Internet." + "description": "Por favor conéctate a Internet" } }, "addons": { diff --git a/src/translations/fr.json b/src/translations/fr.json index 86ed090d..1cf762a9 100644 --- a/src/translations/fr.json +++ b/src/translations/fr.json @@ -326,7 +326,7 @@ "added": "Ajoutées", "empty": { "title": "C'est vide par ici", - "description": "Dirigez vous vers le marché pour ajouter des options." + "description": "Dirigez vous vers le marché pour ajouter des options" }, "sideload": "Charger" } diff --git a/src/translations/nl.json b/src/translations/nl.json index 6c3977c9..2a269164 100644 --- a/src/translations/nl.json +++ b/src/translations/nl.json @@ -319,14 +319,14 @@ }, "offline": { "title": "Het lijkt er op dat je niet verbonden bent het internet", - "description": "Maak verbinding met het internet." + "description": "Maak verbinding met het internet" } }, "addons": { "added": "Toegevoegd", "empty": { "title": "Het is hier erg leeg", - "description": "Ga naar de marktplaats om een paar extensies toe te voegen." + "description": "Ga naar de marktplaats om een paar extensies toe te voegen" }, "sideload": "Sideloaden" } diff --git a/src/translations/no.json b/src/translations/no.json index 29a72014..fe14f51a 100644 --- a/src/translations/no.json +++ b/src/translations/no.json @@ -318,15 +318,15 @@ } }, "offline": { - "title": "Ser ut som at du er offiline.", - "description": "Vær så snill, koble til internettet." + "title": "Ser ut som at du er offiline", + "description": "Vær så snill, koble til internettet" } }, "addons": { "added": "Lagt til", "empty": { "title": "Det er tomt her.", - "description": "Gå til markedsplassen å legg til noe." + "description": "Gå til markedsplassen å legg til noe" }, "sideload": "Sideload" } @@ -335,7 +335,7 @@ "title": "Oppdater", "offline": { "title": "Offline", - "description": "Kan ikke få oppdatering loggene når i offline modus." + "description": "Kan ikke få oppdatering loggene når i offline modus" }, "error": { "title": "Error", diff --git a/src/translations/ru.json b/src/translations/ru.json index 6d6cfc77..ae519331 100644 --- a/src/translations/ru.json +++ b/src/translations/ru.json @@ -319,14 +319,14 @@ }, "offline": { "title": "Похоже, что вы офлайн", - "description": "Пожалуйста, подключитесь к интернету." + "description": "Пожалуйста, подключитесь к интернету" } }, "addons": { "added": "Добавлен", "empty": { "title": "Здесь пусто", - "description": "Зайдите в магазин, чтобы найти что-то интересное." + "description": "Зайдите в магазин, чтобы найти что-то интересное" }, "sideload": "Загрузить" }