Update campaign info status

podkrepi-bg · Aug 21, 2023 · cda652c · cda652c
1 parent 1ac60bf
commit cda652c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/client/campaigns/CampaignInfo/CampaignInfo.styled.tsx b/src/components/client/campaigns/CampaignInfo/CampaignInfo.styled.tsx
@@ -58,6 +58,7 @@ export const InfoStatusWrapper = styled(Stack)(() => ({
 
   [theme.breakpoints.up('md')]: {
     flexDirection: 'row',
+    gap: theme.spacing(5),
   },
 }))
 

diff --git a/src/components/client/campaigns/CampaignInfo/CampaignInfoStatus.tsx b/src/components/client/campaigns/CampaignInfo/CampaignInfoStatus.tsx
@@ -21,7 +21,7 @@ type Props = {
   showExpensesLink: boolean
 }
 
-export default function CampaignInfo({ campaign, showExpensesLink }: Props) {
+export default function CampaignInfoStatus({ campaign, showExpensesLink }: Props) {
   const { t, i18n } = useTranslation()
   const locale = i18n.language == 'bg' ? bg : enUS
 
@@ -33,14 +33,14 @@ export default function CampaignInfo({ campaign, showExpensesLink }: Props) {
         </ExpensesButton>
       )}
       <InfoStatusWrapper>
-        <Grid>
+        <Grid item xs={12} md={6}>
           <StatusLabel>{campaign.campaignType.name}</StatusLabel>
           <RowWrapper>
             <StatusLabel variant="body2">{t('campaigns:campaign.status')}</StatusLabel>
             <StatusText>{t(`campaigns:campaign-status.${campaign.state}`)}</StatusText>
           </RowWrapper>
         </Grid>
-        <Grid>
+        <Grid item xs={12} md={6}>
           <RowWrapper>
             <StatusLabel>{t('campaigns:campaign.start-date')}</StatusLabel>
             <StatusText>{getExactDate(campaign.startDate, locale)}</StatusText>