this.toggleModal('mainModal', (this.state.mainModal === true ? false : true))}/> : null*/}
diff --git a/src/components/modals/main/scss/marketplace/modules/_item.scss b/src/components/modals/main/scss/marketplace/modules/_item.scss
index 37810059..2f6937a5 100644
--- a/src/components/modals/main/scss/marketplace/modules/_item.scss
+++ b/src/components/modals/main/scss/marketplace/modules/_item.scss
@@ -24,7 +24,7 @@
}
#item>h1,
-#item>.MuiSvgIcon-root {
+#item>svg {
display: inline;
}
diff --git a/src/components/modals/main/scss/settings/_buttons.scss b/src/components/modals/main/scss/settings/_buttons.scss
index 31f29631..ca4976e3 100644
--- a/src/components/modals/main/scss/settings/_buttons.scss
+++ b/src/components/modals/main/scss/settings/_buttons.scss
@@ -103,6 +103,10 @@
align-items: center;
color: var(--modal-text);
+ svg {
+ font-size: 2em;
+ }
+
&:hover {
background: var(--tab-active);
cursor: pointer;
diff --git a/src/components/modals/main/scss/settings/modules/tabs/_about.scss b/src/components/modals/main/scss/settings/modules/tabs/_about.scss
index 3758b047..ba8c3892 100644
--- a/src/components/modals/main/scss/settings/modules/tabs/_about.scss
+++ b/src/components/modals/main/scss/settings/modules/tabs/_about.scss
@@ -5,6 +5,10 @@
&:hover {
opacity: 0.8;
}
+
+ svg {
+ font-size: 1.5em;
+ }
}
.aboutLink {
diff --git a/src/components/modals/main/settings/sections/About.jsx b/src/components/modals/main/settings/sections/About.jsx
index 2c7bab6e..088097ba 100644
--- a/src/components/modals/main/settings/sections/About.jsx
+++ b/src/components/modals/main/settings/sections/About.jsx
@@ -2,6 +2,7 @@ import variables from 'modules/variables';
import { PureComponent } from 'react';
import { MdEmail } from 'react-icons/md';
import { FaDiscord, FaTwitter } from 'react-icons/fa';
+import { SiGithubsponsors, SiLiberapay, SiKofi, SiPatreon } from 'react-icons/si';
import Tooltip from 'components/helpers/tooltip/Tooltip';
@@ -99,19 +100,17 @@ export default class About extends PureComponent {
- {this.getMessage('modals.main.settings.sections.about.support_mue')}
-
- GitHub Sponsors
- • Ko-Fi
- • Patreon
-
+ {this.getMessage('modals.main.settings.sections.about.support_mue')}
+
+
+
+
{this.getMessage('modals.main.settings.sections.about.resources_used.title')}
Pexels
, Unsplash ({this.getMessage('modals.main.settings.sections.about.resources_used.bg_images')})
- Undraw ({this.getMessage('modals.main.settings.sections.about.resources_used.welcome_img')})
{this.getMessage('modals.main.settings.sections.about.contributors')}
{this.state.loading}
diff --git a/src/components/modals/welcome/WelcomeSections.jsx b/src/components/modals/welcome/WelcomeSections.jsx
index b0d3ca28..40aa4f9f 100644
--- a/src/components/modals/welcome/WelcomeSections.jsx
+++ b/src/components/modals/welcome/WelcomeSections.jsx
@@ -28,7 +28,7 @@ export default class WelcomeSections extends PureComponent {
importedSettings: []
};
this.changeWelcomeImg = this.changeWelcomeImg.bind(this);
- this.welcomeImages = ['./welcome-images/example1.webp', './welcome-images/example2.webp', './welcome-images/example3.webp', './welcome-images/example4.webp'];
+ this.welcomeImages = 4;
}
changeTheme(type) {
@@ -50,7 +50,7 @@ export default class WelcomeSections extends PureComponent {
importSettings(e) {
importSettings(e);
- let settings = [];
+ const settings = [];
const data = JSON.parse(e.target.result);
Object.keys(data).forEach((setting) => {
// language and theme already shown, the others are only used internally
@@ -82,14 +82,14 @@ export default class WelcomeSections extends PureComponent {
let welcomeImage = this.state.welcomeImage;
this.setState({
- welcomeImage: ++welcomeImage % this.welcomeImages.length
+ welcomeImage: ++welcomeImage % this.welcomeImages
});
- this.timeout = setTimeout(this.changeWelcomeImg, 3 * 1000);
+ this.timeout = setTimeout(this.changeWelcomeImg, 3000);
}
componentDidMount() {
- this.timeout = setTimeout(this.changeWelcomeImg, 3 * 1000);
+ this.timeout = setTimeout(this.changeWelcomeImg, 3000);
}
componentWillUnmount() {
@@ -106,23 +106,19 @@ export default class WelcomeSections extends PureComponent {
clearTimeout(this.timeout);
this.timeout = null;
}
- } else {
- if (!this.timeout) {
- this.timeout = setTimeout(this.changeWelcomeImg, 3 * 1000);
- }
+ } else if (!this.timeout) {
+ this.timeout = setTimeout(this.changeWelcomeImg, 3000);
}
}
- render() {
- let tabContent;
-
+ render() {
const intro = (
<>
{this.getMessage('modals.welcome.sections.intro.title')}
{this.getMessage('modals.welcome.sections.intro.description')}
#shareyourmue
-
+
