fix: cannot delete endpoint URL (#318)

fixes: #284

Author: kantord

package-lock.json

@@ -17,8 +17,6 @@ interface Props {
 export function ProviderForm({ provider, setProvider }: Props) {
   const providerAuthType =
     provider.auth_type || getProviderAuthByType(provider.provider_type)
-  const providerEndpoint =
-    provider.endpoint || getProviderEndpointByAuthType(provider.provider_type)
 
   const handleProviderType = (provider: AddProviderEndpointRequest) => {
     setProvider({
@@ -87,7 +85,7 @@ export function ProviderForm({ provider, setProvider }: Props) {
           onChange={(endpoint) => setProvider({ ...provider, endpoint })}
         >
           <Label>Endpoint</Label>
-          <Input placeholder="Provider endpoint" value={providerEndpoint} />
+          <Input placeholder="Provider endpoint" value={provider.endpoint} />
         </TextField>
       </div>
       <div className="py-3">

src/features/providers/components/provider-form.tsx

@@ -7,6 +7,7 @@ import { ProviderDialog } from '@/features/providers/components/provider-dialog'
 import { ProviderDialogFooter } from '@/features/providers/components/provider-dialog-footer'
 import { ProviderForm } from '@/features/providers/components/provider-form'
 import { useMutationCreateProvider } from '@/features/providers/hooks/use-mutation-create-provider'
+import { getProviderEndpointByAuthType } from '@/features/providers/lib/utils'
 import { DialogContent, Form } from '@stacklok/ui-kit'
 import { useState } from 'react'
 
@@ -20,9 +21,13 @@ const DEFAULT_PROVIDER_STATE = {
 }
 
 export function RouteProviderCreate() {
-  const [provider, setProvider] = useState<AddProviderEndpointRequest>(
-    DEFAULT_PROVIDER_STATE
-  )
+  const [provider, setProvider] = useState<AddProviderEndpointRequest>({
+    ...DEFAULT_PROVIDER_STATE,
+    endpoint: getProviderEndpointByAuthType(
+      DEFAULT_PROVIDER_STATE.provider_type
+    ),
+  })
+
   const { mutateAsync } = useMutationCreateProvider()
 
   const handleSubmit = (event: React.FormEvent) => {