diff --git a/src/pages/AppBody.tsx b/src/pages/AppBody.tsx index d9899a597f..13dacda54c 100644 --- a/src/pages/AppBody.tsx +++ b/src/pages/AppBody.tsx @@ -1,11 +1,16 @@ -import React from 'react' +import React, { PropsWithChildren } from 'react' import styled from 'styled-components/macro' import { Z_INDEX } from 'theme/zIndex' -export const BodyWrapper = styled.main<{ margin?: string; maxWidth?: string }>` +interface BodyWrapperProps { + $margin?: string + $maxWidth?: string +} + +export const BodyWrapper = styled.main` position: relative; - margin-top: ${({ margin }) => margin ?? '0px'}; - max-width: ${({ maxWidth }) => maxWidth ?? '420px'}; + margin-top: ${({ $margin }) => $margin ?? '0px'}; + max-width: ${({ $maxWidth }) => $maxWidth ?? '420px'}; width: 100%; background: ${({ theme }) => theme.backgroundSurface}; border-radius: 16px; @@ -20,6 +25,6 @@ export const BodyWrapper = styled.main<{ margin?: string; maxWidth?: string }>` /** * The styled container element that wraps the content of most pages and the tabs. */ -export default function AppBody({ children, ...rest }: { children: React.ReactNode }) { - return {children} +export default function AppBody(props: PropsWithChildren) { + return } diff --git a/src/pages/CreateProposal/index.tsx b/src/pages/CreateProposal/index.tsx index 8201ff703d..9b9142b569 100644 --- a/src/pages/CreateProposal/index.tsx +++ b/src/pages/CreateProposal/index.tsx @@ -241,7 +241,7 @@ ${bodyValue} return ( - + diff --git a/src/pages/RemoveLiquidity/V3.tsx b/src/pages/RemoveLiquidity/V3.tsx index cba3c22249..6adf1d8569 100644 --- a/src/pages/RemoveLiquidity/V3.tsx +++ b/src/pages/RemoveLiquidity/V3.tsx @@ -290,7 +290,7 @@ function Remove({ tokenId }: { tokenId: BigNumber }) { )} pendingText={pendingText} /> - +