apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #45 from apuc/viewReportPage

Browse Source 
preLoader and validate report form
This commit is contained in:
NikoM1k 2023-01-24 18:23:18 +02:00 committed by GitHub
commit 84b2ceb355
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/arrowViewReport.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 183 B

6
src/pages/ViewReport/ViewReport.js
View File

@ -10,7 +10,7 @@ import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader";
import {Footer} from "../../components/Footer/Footer"; import {Footer} from "../../components/Footer/Footer";
import arrow from "../../images/right-arrow.png"; import arrow from "../../images/right-arrow.png";
import arrowSwitchDate from "../../images/arrowViewReport.svg"; import arrowSwitchDate from "../../images/arrowViewReport.png";
import './viewReport.scss' import './viewReport.scss'
@ -102,11 +102,11 @@ export const ViewReport = () => {
</div> </div>
<div className='viewReport__switchDate'> <div className='viewReport__switchDate'>
<div className='viewReport__switchDate__prev switchDate' onClick={() => previousDay()}> <div className='viewReport__switchDate__prev switchDate' onClick={() => previousDay()}>
<SVG src={arrowSwitchDate}/> <img src={arrowSwitchDate} alt='arrow'/>
</div> </div>
<p>{getCreatedDate(reportDay)}</p> <p>{getCreatedDate(reportDay)}</p>
<div className={`viewReport__switchDate__next switchDate ${getCreatedDate(currentDay) === getCreatedDate(reportDay) ? 'disable' : ''}`} onClick={() => nextDay()}> <div className={`viewReport__switchDate__next switchDate ${getCreatedDate(currentDay) === getCreatedDate(reportDay) ? 'disable' : ''}`} onClick={() => nextDay()}>
<SVG src={arrowSwitchDate}/> <img src={arrowSwitchDate} alt='arrow'/>
</div> </div>
</div> </div>
{loader && {loader &&

6
src/pages/ViewReport/viewReport.scss
View File

@ -136,6 +136,10 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
img {
margin-left: 3px;
}
} }
&__prev { &__prev {
@ -145,7 +149,7 @@
.disable { .disable {
pointer-events: none; pointer-events: none;
opacity: 0.5; opacity: 0.3;
} }
.loader { .loader {