Fix Homepage UI issues (#1410)

authored-by: ani-kalpachka <ani.kalpachka888@abv.bg>
podkrepi-bg · Apr 18, 2023 · 6c003d5 · 6c003d5
1 parent 558ca3f
commit 6c003d5
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/src/common/theme.ts b/src/common/theme.ts
@@ -20,7 +20,6 @@ const colors = {
     main: '#32A9FE',
     mainDark: darken('#32A9FE', 0.2),
     dark: '#294E85',
-    skyBlue: '#B0E5FF',
   },
   yellow: {
     main: '#FFCB57',
@@ -62,9 +61,6 @@ export const themeOptions: ThemeOptions = {
       light: colors.blue.mainDark,
       dark: darken(colors.blue.dark, 0.2),
     },
-    text: {
-      primary: colors.blue.skyBlue,
-    },
   },
   shape: {
     borderRadius: 3,

diff --git a/...ents/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.styled.tsx b/...ents/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.styled.tsx
@@ -39,7 +39,7 @@ export const ReachedMoneyWrapper = styled(Typography)(() => ({
   minHeight: theme.spacing(7.5),
   background: '#323232',
   borderRadius: theme.spacing(0, 0, 0, 2),
-  color: theme.palette.text.primary,
+  color: '#B0E5FF',
   marginLeft: 'auto',
   fontFamily: 'Montserrat, sans-serif',
   fontSize: theme.typography.pxToRem(17),

diff --git a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx
@@ -11,6 +11,7 @@ import theme from 'common/theme'
 import { CampaignState } from 'components/client/campaigns/helpers/campaign.enums'
 import { routes } from 'common/routes'
 import { settings } from './helpers/CaroucelSettings'
+import { moneyPublic } from 'common/util/money'
 
 import { Heading } from '../../IndexPage.styled'
 import {
@@ -54,7 +55,7 @@ export default function CompletedCampaignsSection() {
               }}>
               <ReachedMoneyWrapper>
                 <ReachedMoney>
-                  {campaign.summary.reachedAmount} {t('donations.lv')}
+                  {moneyPublic(campaign.summary.reachedAmount, campaign.currency)}{' '}
                 </ReachedMoney>
                 <ReachedText>{t('campaign.reached')}</ReachedText>
               </ReachedMoneyWrapper>