neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actual in-progress-connect overlay (#4047)

Browse Source
This commit is contained in:
Jaco Greeff 2020-11-19 09:32:19 +01:00 committed by GitHub
parent c10533112f
commit a3752f389a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/apps/src/overlays/Base.tsx
View File

@ -90,7 +90,7 @@ export default React.memo(styled(BaseOverlay)(({ theme }: ThemeProps) => `
display: flex;
margin: 0 auto;
max-width: 50rem;
padding: 1em;
padding: 1em 3rem 1em;
position: relative;
.contentIcon {

14
packages/apps/src/overlays/Connecting.tsx
View File

@ -19,9 +19,19 @@ interface Props {
function Connecting ({ className }: Props): React.ReactElement<Props> | null {
const { t } = useTranslation();
const { isApiConnected, isWaitingInjected } = useApi();
const { isApiConnected, isApiReady, isWaitingInjected } = useApi();
if (isWaitingInjected) {
if (!isApiReady) {
return (
<BaseOverlay
className={className}
icon='puzzle-piece'
type='info'
>
<div>{t<string>('Waiting to make a connection to the remote endpoint and finishing API initialization.')}</div>
</BaseOverlay>
);
} else if (isWaitingInjected) {
return (
<BaseOverlay
className={className}