ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-04-30 18:59:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Upgrade Clerk, Next.js, and React to latest versions + minor code changes

Browse source
This commit is contained in:
Ahmad 2024-10-23 19:17:45 -04:00
parent a63270db0c
commit a89c9a9b02
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
31 changed files with 140 additions and 130 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/modals/card-modal/index.tsx
View file

@ -1,12 +1,13 @@
'use client';
import { useQuery } from '@tanstack/react-query';
import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
import { CardWithList } from '@/types';
import { fetcher } from '@/lib/fetcher';
import { AuditLog } from '@prisma/client';
import { useCardModal } from '@/hooks/use-card-modal';
import { Dialog, DialogContent } from '@/components/ui/dialog';
import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
import { Header } from './header';
import { Description } from './description';
@ -31,6 +32,9 @@ export const CardModal = () => {
return (
<Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent>
<VisuallyHidden.Root>
<DialogTitle>Card Data Panel</DialogTitle>
</VisuallyHidden.Root>
{!cardData ? <Header.Skeleton /> : <Header data={cardData} />}
<div className='grid grid-cols-1 md:grid-cols-4 md:gap-4'>
<div className='col-span-3'>

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

@ -3,8 +3,9 @@
import Image from 'next/image';
import { toast } from 'sonner';
import { useRouter } from 'next/navigation';
import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
import { Dialog, DialogContent } from '@/components/ui/dialog';
import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
import { useProModal } from '@/hooks/use-pro-modal';
import { Button } from '@/components/ui/button';
import { useAction } from '@/hooks/use-action';
@ -30,6 +31,9 @@ export const ProModal = () => {
return (
<Dialog open={proModal.isOpen} onOpenChange={proModal.onClose}>
<DialogContent className='max-w-md overflow-hidden p-0'>
<VisuallyHidden.Root>
<DialogTitle>Upgrade to Tasko Pro</DialogTitle>
</VisuallyHidden.Root>
<div className='relative flex aspect-video items-center justify-center'>
<Image src='/hero.svg' alt='hero' className='object-cover' fill />
</div>