diff --git a/src/authentication/components/ErrorFallback/ErrorFallback.style.ts b/src/authentication/components/ErrorFallback/ErrorFallback.style.ts index 39b7d33f..7f44ea91 100644 --- a/src/authentication/components/ErrorFallback/ErrorFallback.style.ts +++ b/src/authentication/components/ErrorFallback/ErrorFallback.style.ts @@ -1,9 +1,7 @@ import styled from '@emotion/styled'; import { rem } from '@orfium/ictinus/dist/theme/utils'; -import ErrorCoverImg from '../../../assets/error_cover.svg'; - -export const ErrorCover = styled(ErrorCoverImg)` +export const ErrorCover = styled.img` margin: ${rem(30)}; `; diff --git a/src/authentication/components/ErrorFallback/ErrorFallback.tsx b/src/authentication/components/ErrorFallback/ErrorFallback.tsx index 23d18564..4f357a6a 100644 --- a/src/authentication/components/ErrorFallback/ErrorFallback.tsx +++ b/src/authentication/components/ErrorFallback/ErrorFallback.tsx @@ -1,22 +1,22 @@ import { Button } from '@orfium/ictinus'; -import React from 'react'; //* using logoutAuth because error fallback is outside of providers */ +import ErrorCoverImg from '../../../assets/error_cover.svg'; import { logoutAuth } from '../../context'; import { - ErrorContainer, - Wrapper, - ContentWrapper, Box, + ContentWrapper, + ErrorContainer, ErrorCover, TechInfoTitle, TechInfoWrapper, + Wrapper, } from './ErrorFallback.style'; const ErrorFallback = ({ error, resetErrorBoundary }: any) => { return ( - +