franpcode/spend-ia
1
0
Fork 0
mirror of https://github.com/FranP-code/spend-ia.git synced 2025-10-13 00:14:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: migrated from chart.js to google-charts

Browse Source
This commit is contained in:
Francisco Pessano
2023-06-10 21:17:16 -03:00
parent e7149f53ff
commit db0d493944
13 changed files with 265 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
screens/Header/Header.tsx
View File

@@ -2,6 +2,7 @@
import React from 'react';
import styled from 'styled-components';
import { useAppStore } from '@/lib/storage';
import { type Theme } from '@/lib/theme';
import { tabs } from './data';
export const Header = (): JSX.Element => {
@@ -17,7 +18,7 @@ export const Header = (): JSX.Element => {
setTab(tabData);
}}
>
<h3>{tabData.title}</h3>
<TabText>{tabData.title}</TabText>
</StyledTab>
))}
</TabsContainer>
@@ -25,14 +26,15 @@ export const Header = (): JSX.Element => {
};
const TabsContainer = styled.div`
background: #635985;
background: ${({ theme }) => theme.colors.secondary};
display: flex;
`;
const StyledTab = styled.div<{
active: boolean;
}>`
background: ${({ active }) => (active ? '#443C68' : '#635985')};
background: ${({ active, theme }: { active: boolean; theme: Theme }) =>
active ? theme.colors.complementary : theme.colors.secondary};
padding: 12px 0px;
text-align: center;
transition: 0.2s ease-in-out all;
@@ -43,3 +45,7 @@ const StyledTab = styled.div<{
transition: 0.2s ease-in-out all;
}
`;
const TabText = styled.h3`
color: ${({ theme }: { theme: Theme }) => theme.colors.textColor.primary};
`;