basic table outline

This commit is contained in:
Brandon Egger 2023-03-15 21:07:09 -05:00
parent 30b8f79e87
commit 6cc91c91cd

View File

@ -1,13 +1,14 @@
import { PaymentType } from '@prisma/client'; import { PaymentType } from '@prisma/client';
import { CurrencyDollarIcon } from '@heroicons/react/24/solid' import { CurrencyDollarIcon, ArrowPathRoundedSquareIcon } from '@heroicons/react/24/solid'
import Image from 'next/image'; import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
const ResourceInfo = () => { const ResourceInfo = () => {
const PriceIcons = ({type}: {type: PaymentType}) => { const PriceIcons = ({type}: {type: PaymentType}) => {
return ( return (
<div> <div className="space-x-1" title="Weekly recurring subscription">
<CurrencyDollarIcon className="h-6 w-6 text-lime-800"/> <ArrowPathRoundedSquareIcon className="inline h-6 w-6" />
<CurrencyDollarIcon className="inline h-6 w-6 text-lime-800"/>
</div> </div>
) )
} }
@ -25,10 +26,12 @@ const ResourceInfo = () => {
</div> </div>
</Link> </Link>
</div> </div>
<div className="grow"> <div className="grow grid place-items-center">
<h1 className="font-bold text-xl">Word Success</h1> <div className="">
<p>Apple and Android</p> <h1 className="font-bold text-xl">Word Success</h1>
<PriceIcons type={PaymentType.SUBSCRIPTION_WEEKLY} /> <p>Apple and Android</p>
<PriceIcons type={PaymentType.SUBSCRIPTION_WEEKLY} />
</div>
</div> </div>
</div> </div>
) )