feat(statistics): add defaulrCurrency

front/pages/_app.tsx

@@ -27,6 +27,7 @@ class CheckmoneyWeb extends App<WithReduxProps> {
     if (token.nonEmpty()) {
       ctx.reduxStore.dispatch(dataActions.setToken(token.get()))
       await ctx.reduxStore.dispatch(getUserProfile() as any)
+      console.log('app.tsx')
     }
 
     const isSecure = !!(appContext.Component as any).isSecure

front/src/domain/user/reducer/user.ts

@@ -8,7 +8,7 @@ import { UserProfile } from '../actions/UserProfile'
 import { Option } from 'tsoption'
 
 interface State extends FetchingState {
-  profile: { defaultCurrency: Currency }
+  data: { profile: { defaultCurrency: Currency } }
 }
 interface Actions {
   setCurrency: ClearAction<[Currency]>
@@ -31,8 +31,10 @@ const { reducer, actions } = createClearReduxWithFetching<State, Actions>(
     },
   },
   {
-    profile: {
-      defaultCurrency: Currency.USD,
+    data: {
+      profile: {
+        defaultCurrency: Currency.USD,
+      },
     },
     error: Option.of(null),
     loading: false,

front/src/domain/user/selectors/getDefaultCurrency.ts

@@ -0,0 +1,4 @@
+import { State } from '@front/domain/store'
+
+export const getDefaultCurrency = (state: State) =>
+  state.user.user.data.profile.defaultCurrency

front/src/features/statistics/Statistics.tsx

@@ -1,6 +1,6 @@
 import { useState, useCallback } from 'react'
+import { useMappedState } from 'redux-react-hook'
 
-import { Currency } from '@shared/enum/Currency'
 import { CurrencySwitch } from '@front/ui/components/controls/currency-switch'
 import { Container } from '@front/ui/components/layout/container'
 import { Tabs, Tab } from '@front/ui/components/layout/tabs'
@@ -14,12 +14,14 @@ import { Sources } from './features/sources'
 import * as styles from './Statistics.css'
 import { PageHeader } from '@front/ui/components/layout/page-header'
 import { pushRoute } from '../routing'
+import { getDefaultCurrency } from '@front/domain/user/selectors/getDefaultCurrency'
 
 const columnWidthPercent = 40
 const maxLength = 5
 
 export const Statistics = () => {
-  const [currency, setCurrency] = useState(Currency.USD)
+  const defaultCurrency = useMappedState(getDefaultCurrency)
+  const [currency, setCurrency] = useState(defaultCurrency)
 
   const renderContent = useCallback(
     (title: string, group: GroupBy.Month | GroupBy.Year) => (