All files / client/src/components Loading.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
 
 
356x
926x
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
import { ReactElement } from "react";
import { useTranslation } from "react-i18next";
import styled from "styled-components";
import loaderImage from "assets/loading.gif";
 
export const Loading = (): ReactElement => {
  const { t } = useTranslation();
  return (
    <LoadingContainer>
      <p>{t("loading")}</p>
      <img alt={t("loading")} src={loaderImage} width="40" />
    </LoadingContainer>
  );
};
 
const LoadingContainer = styled.div`
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
`;