ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-04 12:43:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Formated Files

Browse source
This commit is contained in:
Ahmad 2024-02-15 20:49:19 -05:00
parent d5631b309a
commit e768d9181f
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
138 changed files with 1829 additions and 1851 deletions
Download patch file Download diff file Expand all files Collapse all files

42
components/modals/pro-modal.tsx
View file

@ -1,13 +1,13 @@
"use client";
'use client';
import Image from "next/image";
import { toast } from "sonner";
import Image from 'next/image';
import { toast } from 'sonner';
import { Dialog, DialogContent } from "@/components/ui/dialog";
import { useProModal } from "@/hooks/use-pro-modal";
import { Button } from "@/components/ui/button";
import { useAction } from "@/hooks/use-action";
import { stripeRedirect } from "@/actions/stripe-redirect";
import { Dialog, DialogContent } from '@/components/ui/dialog';
import { useProModal } from '@/hooks/use-pro-modal';
import { Button } from '@/components/ui/button';
import { useAction } from '@/hooks/use-action';
import { stripeRedirect } from '@/actions/stripe-redirect';
export const ProModal = () => {
const proModal = useProModal();
@ -27,30 +27,30 @@ export const ProModal = () => {
return (
<Dialog open={proModal.isOpen} onOpenChange={proModal.onClose}>
<DialogContent className="max-w-md p-0 overflow-hidden">
<div className="aspect-video relative flex items-center justify-center">
<Image src="/hero.svg" alt="hero" className="object-cover" fill />
<DialogContent className='max-w-md overflow-hidden p-0'>
<div className='relative flex aspect-video items-center justify-center'>
<Image src='/hero.svg' alt='hero' className='object-cover' fill />
</div>
<div className="text-neutral-700 mx-auto space-y-6 p-6">
<h1 className="font-semibold text-xl">Upgrade to Tasko Pro Today!</h1>
<p className="text-xs font-semibold text-neutral-600">
<div className='mx-auto space-y-6 p-6 text-neutral-700'>
<h1 className='text-xl font-semibold'>Upgrade to Tasko Pro Today!</h1>
<p className='text-xs font-semibold text-neutral-600'>
Explore the best of Tasko
</p>
<div className="pl-3">
<ul className="text-sm list-disc">
<div className='pl-3'>
<ul className='list-disc text-sm'>
<li>Unlimited boards</li>
<li className="italic">Advanced Checklists (Coming Soon)</li>
<li className="italic">
<li className='italic'>Advanced Checklists (Coming Soon)</li>
<li className='italic'>
Admin and Security Features (Coming Soon)
</li>
<li className="italic">And More to Come Soon!</li>
<li className='italic'>And More to Come Soon!</li>
</ul>
</div>
<Button
disabled={isLoading}
onClick={onClick}
className="w-full"
variant="primary"
className='w-full'
variant='primary'
>
Upgrade
</Button>