a29dccbaf0
* 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>
46 lines
743 B
TypeScript
46 lines
743 B
TypeScript
import React from "react";
|
|
import styled from "styled-components";
|
|
|
|
const StyledLoader = styled.div`
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 4px;
|
|
overflow-x: hidden;
|
|
.line {
|
|
position: absolute;
|
|
opacity: 0.4;
|
|
background: #d36500;
|
|
width: 150%;
|
|
height: 4px;
|
|
}
|
|
.subline {
|
|
position: absolute;
|
|
background: #d36500;
|
|
height: 4px;
|
|
}
|
|
.inc {
|
|
animation: increase 2s infinite;
|
|
}
|
|
@keyframes increase {
|
|
from {
|
|
left: -5%;
|
|
width: 5%;
|
|
}
|
|
to {
|
|
left: 130%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
`;
|
|
|
|
const PageLoadingBar = () => (
|
|
<StyledLoader>
|
|
<div className="line" />
|
|
<div className="subline inc" />
|
|
</StyledLoader>
|
|
);
|
|
|
|
export default PageLoadingBar;
|