Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add loading animations #120

Merged
merged 10 commits into from
Mar 8, 2021
Merged

Add loading animations #120

merged 10 commits into from
Mar 8, 2021

Conversation

mahos
Copy link
Contributor

@mahos mahos commented Mar 8, 2021

Resolves #107

  • add loading animation while waiting for table list
    tableListLoading2

  • add loading animation while waiting for table content
    tableDataLoad

  • add animation while waiting for table action (insert/update/delete)
    tableActionWaitSmall

@mahos mahos added this to the Official Release milestone Mar 8, 2021
@mahos mahos marked this pull request as ready for review March 8, 2021 05:19
</div>
)
})}

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove this black line

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

addressed

<div className="tableNameSkeleton"></div>
</div>
)
})}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think that last } should be maybe be on a new line?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

addressed

Comment on lines 24 to 27
FILTER = 'Filter',
INSERT = 'Insert',
UPDATE = 'Update',
DELETE = 'Delete'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Try to keep this as default autoincrement intergers cause that is vastly more efficeint then comparing strings.

If you want to get the strings, you can write a quick function to if and else the enum then return a string.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

addressed

@@ -530,7 +531,8 @@ class TableView extends React.Component<{token: string, selectedSchemaName: stri
} else {
return (
<div className="loadingArea">
<div className="loadingMessage">Loading...</div>
<BasicLoadingIcon size={100} />
{/* <div className="loadingMessage">Loading...</div> */}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stale comment?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

addressed

@mahos mahos requested a review from Synicix March 8, 2021 17:29
@Synicix Synicix merged commit f166960 into datajoint:dev Mar 8, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

add loading animation to all loads
2 participants