style: cleanup some things

This commit is contained in:
David Ralph
2021-05-26 22:28:26 +01:00
parent 1d6013f738
commit 586b6f8700
20 changed files with 26 additions and 44 deletions

View File

@@ -2,7 +2,7 @@ import React from 'react';
import './autocomplete.scss';
export default class Autocomplete extends React.Component {
export default class Autocomplete extends React.PureComponent {
constructor(props) {
super(props);
this.state = {
@@ -10,7 +10,7 @@ export default class Autocomplete extends React.Component {
showList: false,
input: ''
};
this.enabled = (localStorage.getItem('autocomplete') === 'true')
this.enabled = (localStorage.getItem('autocomplete') === 'true');
}
onChange = (e) => {

View File

@@ -1,5 +1,3 @@
import React from 'react';
import './tooltip.scss';
export default function Tooltip(props) {

View File

@@ -1,5 +1,3 @@
import React from 'react';
export default function Items(props) {
return (
<div className='items'>

View File

@@ -1,5 +1,3 @@
import React from 'react';
export default function Lightbox(props) {
return (
<>

View File

@@ -153,6 +153,16 @@ export default class Marketplace extends React.PureComponent {
);
};
const featured = () => {
return (
<div className='featured' style={{ 'backgroundColor': this.state.featured.colour }}>
<p>{this.state.featured.title}</p>
<h1>{this.state.featured.name}</h1>
<button className='addToMue' onClick={() => window.open(this.state.featured.buttonLink)}>{this.state.featured.buttonText}</button>
</div>
);
}
if (navigator.onLine === false || localStorage.getItem('offlineMode') === 'true') {
return errorMessage(<>
<WifiOffIcon/>
@@ -166,11 +176,16 @@ export default class Marketplace extends React.PureComponent {
}
if (this.state.items.length === 0) {
return errorMessage(<>
<LocalMallIcon/>
<h1>{window.language.modals.main.addons.empty.title}</h1>
<p className='description'>{this.language.no_items}</p>
</>);
return (
<>
{featured()}
{errorMessage(<>
<LocalMallIcon/>
<h1>{window.language.modals.main.addons.empty.title}</h1>
<p className='description'>{this.language.no_items}</p>
</>)}
</>
)
}
if (this.state.item.display_name) {
@@ -179,11 +194,7 @@ export default class Marketplace extends React.PureComponent {
return (
<>
<div className='featured' style={{ 'backgroundColor': this.state.featured.colour }}>
<p>{this.state.featured.title}</p>
<h1>{this.state.featured.name}</h1>
<button className='addToMue' onClick={() => window.open(this.state.featured.buttonLink)}>{this.state.featured.buttonText}</button>
</div>
{featured()}
<br/>
<Dropdown label={window.language.modals.main.addons.sort.title} name='sortMarketplace' onChange={(value) => this.sortMarketplace(value)}>
<option value='a-z'>{window.language.modals.main.addons.sort.a_z}</option>

View File

@@ -1,5 +1,3 @@
import React from 'react';
import SettingsFunctions from '../../../../modules/helpers/settings';
export default function ResetModal(props) {

View File

@@ -1,5 +1,3 @@
import React from 'react';
import { engineName } from 'react-device-detect';
import Checkbox from '../Checkbox';

View File

@@ -43,7 +43,7 @@ export default class Changelog extends React.PureComponent {
const images = content.getElementsByTagName('img');
const links = content.getElementsByTagName('a');
for (let img of images) {
for (const img of images) {
img.draggable = false;
img.onclick = () => {
this.setState({

View File

@@ -1,5 +1,3 @@
import React from 'react';
import Checkbox from '../Checkbox';
import Slider from '../Slider';

View File

@@ -1,5 +1,3 @@
import React from 'react';
import Switch from '../Switch';
import Checkbox from '../Checkbox';

View File

@@ -1,5 +1,3 @@
import React from 'react';
import Added from '../marketplace/sections/Added';
import Sideload from '../marketplace/sections/Sideload';

View File

@@ -1,5 +1,3 @@
import React from 'react';
import MarketplaceTab from '../marketplace/sections/Marketplace';
import Tabs from './backend/Tabs';

View File

@@ -1,5 +1,3 @@
import React from 'react';
import About from '../settings/sections/About';
import Language from '../settings/sections/Language';
import Search from '../settings/sections/Search';

View File

@@ -1,5 +1,3 @@
import React from 'react';
import EmailIcon from '@material-ui/icons/Email';
import TwitterIcon from '@material-ui/icons/Twitter';
import ForumIcon from '@material-ui/icons/Forum';

View File

@@ -243,14 +243,13 @@ export default class Background extends React.PureComponent {
const photoPack = JSON.parse(localStorage.getItem('photo_packs'));
if (photoPack) {
const randomPhoto = photoPack[Math.floor(Math.random() * photoPack.length)];
const photoLocation = randomPhoto.location.replace(/[null]+/g, '');
return this.setState({
url: randomPhoto.url.default,
type: 'photo_pack',
photoInfo: {
hidden: false,
credit: randomPhoto.photographer,
location: photoLocation !== ' ' && photoLocation !== '???' ? randomPhoto.location : 'N/A',
location: randomPhoto.location || 'N/A'
}
});
}

View File

@@ -1,5 +1,3 @@
import React from 'react';
import Info from '@material-ui/icons/Info';
import Location from '@material-ui/icons/LocationOn';
import Camera from '@material-ui/icons/PhotoCamera';

View File

@@ -14,8 +14,6 @@
See the License for the specific language governing permissions and
limitations under the License.
*/
import React from 'react';
export default function Pin() {
return (
<svg xmlns='http://www.w3.org/2000/svg' enableBackground='new 0 0 24 24' viewBox='0 0 24 24' fill='black' width='18px' height='18px'>

View File

@@ -1,4 +1,3 @@
import React from 'react';
import { WiDaySunny, WiNightClear, WiDayCloudy, WiNightCloudy, WiCloud, WiCloudy, WiDayShowers, WiNightShowers, WiRain, WiThunderstorm, WiSnow, WiFog } from 'weather-icons-react';
export default function WeatherIcon(props) {

View File

@@ -1,4 +1,3 @@
import React from 'react';
import { WiDirectionDownLeft, WiDirectionDownRight, WiDirectionDown, WiDirectionLeft, WiDirectionRight, WiDirectionUpLeft, WiDirectionUpRight, WiDirectionUp } from 'weather-icons-react';
export default function WindDirectionIcon(props) {

View File

@@ -186,7 +186,7 @@ export default class SettingsFunctions {
localStorage.clear();
this.setDefaultSettings();
Object.keys(settings).forEach(key => {
Object.keys(settings).forEach((key) => {
localStorage.setItem(key, settings[key]);
});
}