mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 07:09:07 +03:00
Joshen Lim
09a1f431bc
## Context This is largely just a mechanical change here: Opting to use lucide icons with the `Icon` suffix across all icon imports within `studio` - so that it’s clearer which components are icons + reduces the possibility of name collision with our own components - e.g <User /> vs <UserIcon /> Also added a eslint rule for this: <img width="1069" height="167" alt="image" src="https://github.com/user-attachments/assets/7f36f443-5ca2-4bf6-8d22-86e774513bfc" /> And updated `AGENTS.md` as such: ``` Icons come from `lucide-react`, always imported with the `Icon` suffix (`import { CheckIcon, Trash2Icon } from 'lucide-react'`) — never the bare names (`Check`) or `Check as CheckIcon` aliases (lint-enforced). ```
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
import { MailIcon } from 'lucide-react'
|
|
|
|
import {
|
|
parseSupportAssistantPrompt,
|
|
type ParsedSupportAssistantPrompt,
|
|
} from '@/components/interfaces/Support/SupportAssistant.utils'
|
|
|
|
export function parseSupportRequestMessage(text: string) {
|
|
return parseSupportAssistantPrompt(text)
|
|
}
|
|
|
|
export function SupportRequestMessage({ request }: { request: ParsedSupportAssistantPrompt }) {
|
|
return (
|
|
<div className="not-prose rounded-lg border bg-surface-75 p-4 text-sm text-foreground-light">
|
|
<div className="min-w-0 space-y-4">
|
|
<div className="space-y-4">
|
|
<MailIcon size={16} strokeWidth={1.5} className="text-foreground-muted" />
|
|
<div className="space-y-1">
|
|
<p className="heading-default text-foreground">Support request submitted</p>
|
|
<p>
|
|
Supabase Support already has this ticket. Assistant is reviewing the same request to
|
|
help in the interim.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{request.subject && (
|
|
<div>
|
|
<p className="heading-meta text-foreground-light">Subject</p>
|
|
<p className="text-foreground">{request.subject}</p>
|
|
</div>
|
|
)}
|
|
{request.message && (
|
|
<div>
|
|
<p className="heading-meta text-foreground-light">Message</p>
|
|
<p className="line-clamp-6 whitespace-pre-wrap break-words text-foreground">
|
|
{request.message}
|
|
</p>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|