fix: styled-components

This commit is contained in:
2023-07-03 20:36:42 -03:00
parent 7c11ff87a6
commit 6f5a0ec34a
3 changed files with 7 additions and 6 deletions

View File

@@ -32,8 +32,9 @@ const TabsContainer = styled.div`
const StyledTab = styled.div<{ const StyledTab = styled.div<{
active: boolean; active: boolean;
theme: Theme;
}>` }>`
background: ${({ active, theme }: { active: boolean; theme: Theme }) => background: ${({ active, theme }) =>
active ? theme.colors.complementary : theme.colors.secondary}; active ? theme.colors.complementary : theme.colors.secondary};
padding: 12px 0px; padding: 12px 0px;
text-align: center; text-align: center;
@@ -46,6 +47,6 @@ const StyledTab = styled.div<{
} }
`; `;
const TabText = styled.h3` const TabText = styled.h3<{ theme: Theme }>`
color: ${({ theme }: { theme: Theme }) => theme.colors.textColor.primary}; color: ${({ theme }) => theme.colors.textColor.primary};
`; `;

View File

@@ -41,7 +41,7 @@ export const SpendScreen = (): JSX.Element => {
); );
}; };
const SpendScreenContainer = styled.div` const SpendScreenContainer = styled.div<{ theme: Theme }>`
background-color: ${({ theme }: { theme: Theme }) => theme.colors.primary}; background-color: ${({ theme }) => theme.colors.primary};
height: 100%; height: 100%;
`; `;

View File

@@ -107,5 +107,5 @@
// "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */ // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
"skipLibCheck": true /* Skip type checking all .d.ts files. */ "skipLibCheck": true /* Skip type checking all .d.ts files. */
}, },
"include": ["./*"] "include": ["./**/*"]
} }