fix: slider, add about page loading text, background bug fix etc

This commit is contained in:
David Ralph
2021-03-26 22:16:44 +00:00
parent 98082158b7
commit 43741f4d58
9 changed files with 32 additions and 36 deletions

View File

@@ -11,7 +11,7 @@ export default class Slider extends React.PureComponent {
this.language = window.language.modals.main.settings;
}
handleChange = () => {
handleChange = (e) => {
const { value } = e.target;
localStorage.setItem(this.props.name, value);

View File

@@ -11,7 +11,8 @@ export default class About extends React.PureComponent {
contributors: [],
sponsors: [],
other_contributors: [],
update: window.language.modals.main.settings.sections.about.version.checking_update
update: window.language.modals.main.settings.sections.about.version.checking_update,
loading: 'Loading...'
}
this.language = window.language.modals.main.settings.sections.about;
}
@@ -32,7 +33,8 @@ export default class About extends React.PureComponent {
contributors: contributors.filter((contributor) => !contributor.login.includes('bot')),
sponsors: sponsors,
update: updateMsg,
other_contributors: other_contributors
other_contributors: other_contributors,
loading: null
});
}
@@ -59,6 +61,7 @@ export default class About extends React.PureComponent {
<p>Google ({this.language.resources_used.pin_icon})</p>
<p>Undraw ({this.language.resources_used.welcome_img})</p>
<h3>{this.language.contributors}</h3>
{this.state.loading}
{this.state.contributors.map((item) =>
<Tooltip title={item.login} placement='top' key={item.login}>
<a href={'https://github.com/' + item.login} target='_blank' rel='noopener noreferrer'><img draggable='false' className='abouticon' src={item.avatar_url + '&size=256'} alt={item.login}></img></a>
@@ -71,6 +74,7 @@ export default class About extends React.PureComponent {
</Tooltip>
)}
<h3>{this.language.supporters}</h3>
{this.state.loading}
{this.state.sponsors.map((item) =>
<Tooltip title={item.handle} placement='top' key={item.handle}>
<a href={item.profile} target='_blank' rel='noopener noreferrer'><img draggable='false' className='abouticon' src={item.avatar + '&size=256'} alt={item.handle}></img></a>