Archived
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import MembershipItem from './MembershipItem';
|
|
import { Membership, membershipData } from './Membership';
|
|
import { Subscription, getSubscriptionDetails } from './Subscription';
|
|
|
|
interface MembershipCardProps {
|
|
uiogSubscription: Subscription | null;
|
|
dnsSubscription: Subscription | null;
|
|
}
|
|
|
|
const MembershipCard: React.FC<MembershipCardProps> = ({
|
|
uiogSubscription,
|
|
dnsSubscription
|
|
}) => {
|
|
return (
|
|
<div className={`p-5 rounded-lg text-white bg-primary transition-all duration-500 gap-10 h-full w-full max-w-3xl`}>
|
|
<div className="flex flex-col flex-1 rounded-lg gap-3 place-content-start">
|
|
<p className="font-bold">My Perks</p>
|
|
{uiogSubscription && (
|
|
<MembershipItem subscription={uiogSubscription} />
|
|
)}
|
|
{dnsSubscription && (
|
|
<MembershipItem subscription={dnsSubscription} />
|
|
)}
|
|
{!uiogSubscription && !dnsSubscription && (
|
|
<p>No current memberships. Please consider purchasing one.</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default MembershipCard;
|