Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-16 09:04:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix reusable react components duplicate id... dumbass

Browse Source
This commit is contained in:
TukanDev
2022-07-04 04:14:35 +02:00
parent 29716c43b6
commit 9ea92a23ee
11 changed files with 32 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui/components/common/ProgressBar.tsx
View File

@@ -53,12 +53,12 @@ export default class ProgressBar extends React.Component<IProps, IState> {
render() {
return (
<div className="ProgressBarWrapper" id="commonProgressBarContainer">
<div className="ProgressBarWrapper">
<div style={{
width: '80%'
}}>
<div className="ProgressBar" id="commonProgressBar">
<div className="InnerProgress" id="commonProgressBarContent" style={{
<div className="ProgressBar">
<div className="InnerProgress" style={{
width: `${(() => {
// Handles files with content-lengths of 0
if (this.state.status === 'finished') {
@@ -73,14 +73,14 @@ export default class ProgressBar extends React.Component<IProps, IState> {
})()}%`,
}}></div>
</div>
<div className="DownloadControls" id="commonProgressbarDownContrContainer">
<div onClick={this.stopDownload} id="commonProgressBarDownStopContainer" className="downloadStop">
<div className="DownloadControls">
<div onClick={this.stopDownload} className="downloadStop">
<img id="commonProgressBarDownStopIcon" src={Stop}></img>
</div>
</div>
</div>
<div className="ProgressText" id="commonProgressBarText">
<div className="ProgressText">
{capitalize(this.state.status) || 'Waiting'}
</div>
</div>