diff --git a/src/App/App.tsx b/src/App/App.tsx index f9cca35..109be71 100644 --- a/src/App/App.tsx +++ b/src/App/App.tsx @@ -64,7 +64,6 @@ export default class App extends Component<{}, AppStateInterface> { const context = { isUserLoggedIn, packages, logoUrl, user, scope }; return ( - // @ts-ignore {isLoading ? : {this.renderContent()}} {this.renderLoginModal()} diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx index 95fa878..a9a4fd0 100644 --- a/src/components/Label/Label.tsx +++ b/src/components/Label/Label.tsx @@ -9,18 +9,20 @@ interface Props { modifiers?: null | undefined; } +interface WrapperProps { + capitalize: boolean; + weight: string; + modifiers?: null; +} + const Wrapper = styled('div')` - font-weight: ${({ weight }) => { - // @ts-ignore - return fontWeight[weight]; - }}; - text-transform: ${({ capitalize }) => (capitalize ? 'capitalize' : 'none')}; - ${({ modifiers }: Props) => modifiers && modifiers}; + font-weight: ${({ weight }: WrapperProps) => fontWeight[weight]}; + text-transform: ${({ capitalize }: WrapperProps) => (capitalize ? 'capitalize' : 'none')}; + ${({ modifiers }: WrapperProps) => modifiers}; `; const Label: React.FC = ({ text = '', capitalize = false, weight = 'regular', ...props }) => { return ( - // @ts-ignore {text} diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx index 968e78f..8f2fd91 100644 --- a/src/components/Layout/Layout.tsx +++ b/src/components/Layout/Layout.tsx @@ -11,15 +11,18 @@ export const Content = styled('div')({ }, }); +interface ContainerProps { + isLoading: boolean; +} + export const Container = styled('div')` && { display: flex; flex-direction: column; min-height: 100vh; overflow: hidden; - ${props => - // @ts-ignore - props.isLoading && + ${({ isLoading }: ContainerProps) => + isLoading && css` ${Content} { background-color: #f5f6f8; diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx index db4a917..9c59470 100644 --- a/src/components/Spinner/Spinner.tsx +++ b/src/components/Spinner/Spinner.tsx @@ -8,7 +8,6 @@ interface Props { } const Spinner: React.FC = ({ size = 50, centered = false }) => ( - // @ts-ignore