nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-27 08:00:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/campaign/views/calendar-item/CalendarItemView.tsx Normal file
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" />
);
}

4
src/views/campaign/views/calendar-item/CalendarItemView.types.ts Normal file
View File

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

20
src/views/campaign/views/calendar/CalendarView.tsx
View File

@ -1,6 +1,7 @@
import { FC, useCallback, useState } from 'react';
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';
export const CalendarView: FC<CalendarViewProps> = props =>
@ -23,20 +24,15 @@ export const CalendarView: FC<CalendarViewProps> = props =>
return (
<NitroCardView className="nitro-campaign-calendar">
<NitroCardHeaderView headerText={LocalizeText(`campaign.calendar.${campaignName}.title`)} onCloseClick={close}/>
<NitroCardHeaderView headerText={ LocalizeText(`campaign.calendar.${campaignName}.title`) } onCloseClick={ close }/>
<NitroCardContentView>
<div className="text-black">
<h3>{LocalizeText('campaign.calendar.heading.day', ['number'], [selectedDay.toString()])}</h3>
<p>{LocalizeText('')}</p>
<h3>{ LocalizeText('campaign.calendar.heading.day', ['number'], [selectedDay.toString()]) }</h3>
<p>{ LocalizeText('') }</p>
</div>
<NitroCardGridView className="h-100 w-100" columns={7}>
{
[...Array(7)].map((e, i) =>
{
return <NitroCardGridItemView key={i} className="calendar-day h-100"/>
})
}
</NitroCardGridView>
<NitroLayoutFlex className="h-100" gap={ 2 }>
{ [...Array(7)].map((e, i) => <CalendarItemView key={ i } /> ) }
</NitroLayoutFlex>
</NitroCardContentView>
</NitroCardView>
)