fix(create-database): display managed radio for aws only

Qovery · Nov 17, 2022 · 5b9e2a0 · 5b9e2a0
1 parent be7b568
commit 5b9e2a0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/...ate-feature/page-database-create-general-feature/page-database-create-general-feature.tsx b/...ate-feature/page-database-create-general-feature/page-database-create-general-feature.tsx
@@ -163,6 +163,7 @@ export function PageDatabaseCreateGeneralFeature() {
     <FunnelFlowBody helpSection={funnelCardHelp}>
       <FormProvider {...methods}>
         <PageDatabaseCreateGeneral
+          cloudProvider={environment?.cloud_provider.provider}
           onSubmit={onSubmit}
           databaseTypeOptions={databaseTypeOptions}
           databaseVersionOptions={databaseVersionOptions}

diff --git a/...lib/ui/page-database-create/page-database-create-general/page-database-create-general.tsx b/...lib/ui/page-database-create/page-database-create-general/page-database-create-general.tsx
@@ -1,4 +1,4 @@
-import { DatabaseAccessibilityEnum, DatabaseModeEnum } from 'qovery-typescript-axios'
+import { CloudProviderEnum, DatabaseAccessibilityEnum, DatabaseModeEnum } from 'qovery-typescript-axios'
 import { FormEventHandler } from 'react'
 import { Controller, useFormContext } from 'react-hook-form'
 import { useNavigate, useParams } from 'react-router-dom'
@@ -11,6 +11,7 @@ export interface PageDatabaseCreateGeneralProps {
   onSubmit: FormEventHandler<HTMLFormElement>
   databaseTypeOptions?: Value[]
   databaseVersionOptions?: { [Key: string]: Value[] }
+  cloudProvider?: string
 }
 
 export function PageDatabaseCreateGeneral(props: PageDatabaseCreateGeneralProps) {
@@ -55,17 +56,19 @@ export function PageDatabaseCreateGeneral(props: PageDatabaseCreateGeneralProps)
             <Controller
               name="mode"
               control={control}
-              render={({ field, fieldState: { error } }) => (
+              render={({ field }) => (
                 <>
-                  <InputRadio
-                    className="mb-3"
-                    value={DatabaseModeEnum.MANAGED}
-                    name={field.name}
-                    description="Managed by your cloud provider. Back-ups and snapshots will be periodically created."
-                    onChange={field.onChange}
-                    formValue={field.value}
-                    label="Mode managed"
-                  />
+                  {props.cloudProvider === CloudProviderEnum.AWS && (
+                    <InputRadio
+                      className="mb-3"
+                      value={DatabaseModeEnum.MANAGED}
+                      name={field.name}
+                      description="Managed by your cloud provider. Back-ups and snapshots will be periodically created."
+                      onChange={field.onChange}
+                      formValue={field.value}
+                      label="Mode managed"
+                    />
+                  )}
                   <InputRadio
                     value={DatabaseModeEnum.CONTAINER}
                     className="mb-3"