You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
798 B
39 lines
798 B
import { SubscriptionType } from 'requests'
|
|
|
|
import { SubscriptionsBySport } from '../SubscriptionsBySport'
|
|
import {
|
|
Modal,
|
|
PaymentPeriodTabs,
|
|
Header,
|
|
ButtonsWrapper,
|
|
SaveButton,
|
|
CancelButton,
|
|
} from './styled'
|
|
|
|
type Props = {
|
|
close: () => void,
|
|
isOpen: boolean,
|
|
}
|
|
|
|
export const SubscriptionModal = ({
|
|
close,
|
|
isOpen,
|
|
}: Props) => (
|
|
<Modal
|
|
isOpen={isOpen}
|
|
close={close}
|
|
withCloseButton={false}
|
|
>
|
|
<Header t='select_subscription' />
|
|
<PaymentPeriodTabs
|
|
onPeriodSelect={() => {}}
|
|
selectedPeriod={SubscriptionType.Month}
|
|
/>
|
|
<SubscriptionsBySport />
|
|
|
|
<ButtonsWrapper>
|
|
<CancelButton onClick={close}>Отменить</CancelButton>
|
|
<SaveButton onClick={close}>Сохранить</SaveButton>
|
|
</ButtonsWrapper>
|
|
</Modal>
|
|
)
|
|
|