diff --git a/src/App.tsx b/src/App.tsx index d6228408..27380906 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -11,6 +11,8 @@ import AuthorizationSplash from "./components/AuthorizationSplash"; import { CSSTransition, TransitionGroup } from "react-transition-group"; +import Logo from "./images/logo.svg"; + import globalStyles from "./globalStyles"; import NotFound from "./pages/NotFound"; @@ -24,13 +26,22 @@ const routes = [ { path: "/callback", Component: CallbackPage } ]; +const pageLoadingStyles = css` +display: flex; +justify-content: center; +margin-top: 10%; +align-items: center; +flex-direction: column; + +svg { + transform: scale(0.35); +} +`; + function PageLoading() { - return
- + return
+ +
; } diff --git a/src/images/logo.svg b/src/images/logo.svg new file mode 100644 index 00000000..b173ff12 --- /dev/null +++ b/src/images/logo.svg @@ -0,0 +1,78 @@ + +image/svg+xml \ No newline at end of file