basic table outline
This commit is contained in:
parent
30b8f79e87
commit
6cc91c91cd
@ -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>
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user