chore: convert statLoadingMessage

ethereum · Oct 7, 2022 · 0bca0c3 · 0bca0c3
1 parent b0c642e
commit 0bca0c3
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/src/components/StatLoadingMessage.tsx b/src/components/StatLoadingMessage.tsx
@@ -1,19 +1,14 @@
 import React from "react"
-import styled from "@emotion/styled"
-import { typography, TypographyProps } from "styled-system"
+import { Text } from "@chakra-ui/react"
 
 import Translation from "./Translation"
 
-export interface IProps extends TypographyProps {}
-
-export const IndicatorSpan = styled.span<IProps>`
-  ${typography}
-`
+export interface IProps {}
 
 const StatLoadingMessage: React.FC<IProps> = (props) => (
-  <IndicatorSpan fontSize="2rem" {...props}>
+  <Text as="span" fontSize="2rem" {...props}>
     <Translation id="loading" />
-  </IndicatorSpan>
+  </Text>
 )
 
 export default StatLoadingMessage