nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 22:40:50 +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 { 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 =>
@ -23,20 +24,15 @@ export const CalendarView: FC<CalendarViewProps> = props =>
return ( return (
<NitroCardView className="nitro-campaign-calendar"> <NitroCardView className="nitro-campaign-calendar">
<NitroCardHeaderView headerText={LocalizeText(`campaign.calendar.${campaignName}.title`)} onCloseClick={close}/> <NitroCardHeaderView headerText={ LocalizeText(`campaign.calendar.${campaignName}.title`) } onCloseClick={ close }/>
<NitroCardContentView> <NitroCardContentView>
<div className="text-black"> <div className="text-black">
<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>
) )