This commit is contained in:
Bill 2021-11-23 01:06:00 -05:00
parent d436a19116
commit 8b2cef7f93
3 changed files with 22 additions and 12 deletions

View File

@ -0,0 +1,10 @@
import { FC } from 'react';
import { NitroLayoutFlexColumn } from '../../../../layout';
import { CalendarItemViewProps } from './CalendarItemView.types';
export const CalendarItemView: FC<CalendarItemViewProps> = props =>
{
return (
<NitroLayoutFlexColumn className="calendar-day h-100 w-100" />
);
}

View File

@ -0,0 +1,4 @@
export interface CalendarItemViewProps
{
}

View File

@ -1,6 +1,7 @@
import { FC, useCallback, useState } from 'react'; import { FC, useCallback, useState } from 'react';
import { LocalizeText } from '../../../../api'; import { LocalizeText } from '../../../../api';
import { NitroCardContentView, NitroCardGridItemView, NitroCardGridView, NitroCardHeaderView, NitroCardView } from '../../../../layout'; import { NitroCardContentView, NitroCardHeaderView, NitroCardView, NitroLayoutFlex } from '../../../../layout';
import { CalendarItemView } from '../calendar-item/CalendarItemView';
import { CalendarViewProps } from './CalendarView.types'; import { CalendarViewProps } from './CalendarView.types';
export const CalendarView: FC<CalendarViewProps> = props => export const CalendarView: FC<CalendarViewProps> = props =>
@ -29,14 +30,9 @@ export const CalendarView: FC<CalendarViewProps> = props =>
<h3>{ LocalizeText('campaign.calendar.heading.day', ['number'], [selectedDay.toString()]) }</h3> <h3>{ LocalizeText('campaign.calendar.heading.day', ['number'], [selectedDay.toString()]) }</h3>
<p>{ LocalizeText('') }</p> <p>{ LocalizeText('') }</p>
</div> </div>
<NitroCardGridView className="h-100 w-100" columns={7}> <NitroLayoutFlex className="h-100" gap={ 2 }>
{ { [...Array(7)].map((e, i) => <CalendarItemView key={ i } /> ) }
[...Array(7)].map((e, i) => </NitroLayoutFlex>
{
return <NitroCardGridItemView key={i} className="calendar-day h-100"/>
})
}
</NitroCardGridView>
</NitroCardContentView> </NitroCardContentView>
</NitroCardView> </NitroCardView>
) )