esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

feat: align ticket header editing flow

Browse source 
Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
This commit is contained in:
esdrasrenan 2025-10-05 01:23:31 -03:00
parent e833888a3a
commit f5a54f2814
21 changed files with 282 additions and 171 deletions
Download patch file Download diff file Expand all files Collapse all files

11
web/src/components/tickets/ticket-comments.rich.tsx
View file

@ -6,7 +6,7 @@ import { ptBR } from "date-fns/locale"
import { IconLock, IconMessage } from "@tabler/icons-react"
import { FileIcon, Trash2, X } from "lucide-react"
import { useMutation } from "convex/react"
// @ts-ignore
// @ts-expect-error Convex runtime API lacks TypeScript declarations
import { api } from "@/convex/_generated/api"
import { useAuth } from "@/lib/auth-client"
import type { Id } from "@/convex/_generated/dataModel"
@ -203,6 +203,7 @@ export function TicketComments({ ticket }: TicketCommentsProps) {
onClick={() => setPreview(url || null)}
className="block w-full overflow-hidden rounded-md"
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={url} alt={name} className="h-24 w-full rounded-md object-cover" />
</button>
) : (
@ -256,6 +257,7 @@ export function TicketComments({ ticket }: TicketCommentsProps) {
onClick={() => setPreview(previewUrl || null)}
className="block w-full overflow-hidden rounded-md"
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={previewUrl} alt={name} className="h-24 w-full rounded-md object-cover" />
</button>
) : (
@ -339,7 +341,12 @@ export function TicketComments({ ticket }: TicketCommentsProps) {
</Dialog>
<Dialog open={!!preview} onOpenChange={(open) => !open && setPreview(null)}>
<DialogContent className="max-w-3xl p-0">
{preview ? <img src={preview} alt="Preview" className="h-auto w-full rounded-xl" /> : null}
{preview ? (
<>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={preview} alt="Preview" className="h-auto w-full rounded-xl" />
</>
) : null}
</DialogContent>
</Dialog>
</CardContent>