mirror of
https://github.com/supabase/supabase.git
synced 2026-10-10 03:45:06 +03:00
CharisandJoshen Lim
f5ff10e195
* refactor: refactor support form Refactor support form to make it easier to maintain: - Split up large components into smaller components and hooks - Lift state up so we don't have to do complex child/parent state-syncing via useEffect - Use nuqs parsing for consistent serialization/deserialization of support form prefilled fields * test: support form Add comprehensive tests for support form * fix(support form): project and org empty state * Nit clean up * More clean up * cleannnn * fix(support form): allow case-insensitive category in url * clean(support form tests): remove unused param * fix(support form): incorrect logic for sending affected services in payload * clean(support form): use NO_ORG_MARKER and NO_PROJECT_MARKER instead of strings * fix(support form): don't show upgrade cta if already on enterprise --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
import type { UseFormReturn } from 'react-hook-form'
|
|
// End of third-party imports
|
|
|
|
import { FormControl_Shadcn_, FormField_Shadcn_, TextArea_Shadcn_ } from 'ui'
|
|
import { Admonition } from 'ui-patterns/admonition'
|
|
import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout'
|
|
import { IPV4SuggestionAlert } from './IPV4SuggestionAlert'
|
|
import { IPV4_MIGRATION_STRINGS } from './Support.constants'
|
|
import type { SupportFormValues } from './SupportForm.schema'
|
|
|
|
interface MessageFieldProps {
|
|
form: UseFormReturn<SupportFormValues>
|
|
originalError: string | null | undefined
|
|
}
|
|
|
|
export function MessageField({ form, originalError }: MessageFieldProps) {
|
|
return (
|
|
<FormField_Shadcn_
|
|
name="message"
|
|
control={form.control}
|
|
render={({ field }) => (
|
|
<FormItemLayout
|
|
layout="vertical"
|
|
label="Message"
|
|
labelOptional="5000 character limit"
|
|
description={
|
|
IPV4_MIGRATION_STRINGS.some((str) => field.value.includes(str)) && (
|
|
<IPV4SuggestionAlert />
|
|
)
|
|
}
|
|
>
|
|
<FormControl_Shadcn_>
|
|
<TextArea_Shadcn_
|
|
{...field}
|
|
rows={4}
|
|
maxLength={5000}
|
|
placeholder="Describe the issue you're facing, along with any relevant information. Please be as detailed and specific as possible."
|
|
/>
|
|
</FormControl_Shadcn_>
|
|
{originalError && (
|
|
<Admonition
|
|
showIcon={false}
|
|
type="default"
|
|
className="mt-2"
|
|
title="The error that you ran into will be included in your message for reference"
|
|
description={`Error: ${originalError}`}
|
|
/>
|
|
)}
|
|
</FormItemLayout>
|
|
)}
|
|
/>
|
|
)
|
|
}
|