franpcode/Pomodoro-Timer-with-Clockify-integration
1
0
Fork 0
mirror of https://github.com/FranP-code/Pomodoro-Timer-with-Clockify-integration.git synced 2025-10-12 23:52:30 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Minor fixes

Browse Source
This commit is contained in:
Francisco Pessano
2021-09-30 21:38:42 -03:00
parent 409cdb1c36
commit 21afd0a024
4 changed files with 45 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/components/ClockifyTasksDisplay.jsx
View File

@@ -166,7 +166,7 @@ const ClockifyTasksDisplay = (props) => {
props.setProjectID(e)
}
if (loading) {
if (loading && userUID) {
return (
<div className="clockify-tasks-display loading-container">
<img src={loadingGif} alt=""/>
@@ -176,32 +176,39 @@ const ClockifyTasksDisplay = (props) => {
return (
<div className={props.timerOn ? 'clockify-tasks-display disabled' : 'clockify-tasks-display'}>
<select onChange={(e) => {defineProjects(e.target.value)}} className='workspace-selector'>
<option value="0">Select a Workspace</option>
{
workspacesReady ?
workspaces.map( (workspace) => {
return <option value={workspace.id} key={workspace.id}>{workspace.name}</option>
})
: null
}
</select>
<select onChange={(e) => {selectProject(e.target.value)}} className={props.workspaceID !== 0 ? 'project-selector' : 'project-selector disabled'}>
<option value="0">Select a Project</option>
{
projectsDone && projects !== undefined ?
projects.map( (project) => {
if (!project.archived){
return <option value={project.id} key={project.id}>{project.name}</option>
<>
{
userUID ?
<div className={props.timerOn ? 'clockify-tasks-display disabled' : 'clockify-tasks-display'}>
<select onChange={(e) => {defineProjects(e.target.value)}} className='workspace-selector'>
<option value="0">Select a Workspace</option>
{
workspacesReady ?
workspaces.map( (workspace) => {
return <option value={workspace.id} key={workspace.id}>{workspace.name}</option>
})
: null
}
})
: null
}
</select>
</div>
</select>
<select onChange={(e) => {selectProject(e.target.value)}} className={props.workspaceID !== 0 ? 'project-selector' : 'project-selector disabled'}>
<option value="0">Select a Project</option>
{
projectsDone && projects !== undefined ?
projects.map( (project) => {
if (!project.archived){
return <option value={project.id} key={project.id}>{project.name}</option>
}
})
: null
}
</select>
</div>
: null
}
</>
)
}