* WIP * Chunk names * Add auth call * add auth * WIP * Auth management setup * fix a test * fix cypress machine count * some more changes * fix header link * check for auth * fix import * fix imports * Use auth class * WIP * Better loading * Remove unused * Remove qs * Auth loader * Redirect for login * Third part auth * 404 redirects * 404 page handling * Adding custom docker image for performance fixes * Correcting the workflow to get package step to run * Clean up * lazy auth load * remove assertions from delete app and logout calls * remove github workflow changes * roll back lazy auth * Error handling * test editor chunk suspense * Show header in editor before initialization * Changes for app view * Login header fixes * Loader fixes * Fix base login routes Co-authored-by: Arpit Mohan <arpit@appsmith.com>
37 lines
775 B
TypeScript
37 lines
775 B
TypeScript
import React from "react";
|
|
import styled from "styled-components";
|
|
import PageUnavailableImage from "assets/images/404-image.png";
|
|
|
|
const Wrapper = styled.div`
|
|
text-align: center;
|
|
margin-top: 5%;
|
|
.bold-text {
|
|
font-weight: ${props => props.theme.fontWeights[3]};
|
|
font-size: 24px;
|
|
}
|
|
.page-unavailable-img {
|
|
width: 35%;
|
|
}
|
|
.button-position {
|
|
margin: auto;
|
|
}
|
|
`;
|
|
|
|
const ServerUnavailable = () => {
|
|
return (
|
|
<Wrapper>
|
|
<img
|
|
src={PageUnavailableImage}
|
|
alt="Page Unavailable"
|
|
className="page-unavailable-img"
|
|
/>
|
|
<div>
|
|
<p className="bold-text">Appsmith server is unavailable</p>
|
|
<p>Please try again after some time</p>
|
|
</div>
|
|
</Wrapper>
|
|
);
|
|
};
|
|
|
|
export default ServerUnavailable;
|