From e3600d5d3fd19632f99ebf1ca8619cd250ff8a14 Mon Sep 17 00:00:00 2001
From: motoki317 <motoki317@gmail.com>
Date: Fri, 8 Dec 2023 12:27:29 +0900
Subject: [PATCH] fix: override config is not advanced when type is runtime cmd

---
 .../components/templates/app/BuildConfigs.tsx | 76 +++++++++++--------
 .../templates/app/SelectBuildType.tsx         |  8 +-
 2 files changed, 46 insertions(+), 38 deletions(-)

diff --git a/dashboard/src/components/templates/app/BuildConfigs.tsx b/dashboard/src/components/templates/app/BuildConfigs.tsx
index 95026b965..d94fc91f4 100644
--- a/dashboard/src/components/templates/app/BuildConfigs.tsx
+++ b/dashboard/src/components/templates/app/BuildConfigs.tsx
@@ -21,6 +21,7 @@ interface RuntimeConfigProps {
 
 const RuntimeConfigs: Component<RuntimeConfigProps> = (props) => {
   const [useDB, setUseDB] = createSignal(false)
+  const buildType = () => getValue(props.formStore, 'case')
 
   createEffect(() => {
     if (
@@ -31,6 +32,43 @@ const RuntimeConfigs: Component<RuntimeConfigProps> = (props) => {
     }
   })
 
+  const containerOverrideConfig = (
+    <>
+      <Field of={props.formStore} name="config.runtimeConfig.entrypoint">
+        {(field, fieldProps) => (
+          <TextField
+            label="Entrypoint"
+            info={{
+              props: {
+                content: 'コンテナのEntrypoint',
+              },
+            }}
+            {...fieldProps}
+            value={field.value ?? ''}
+            error={field.error}
+            readOnly={!props.hasPermission}
+          />
+        )}
+      </Field>
+      <Field of={props.formStore} name="config.runtimeConfig.command">
+        {(field, fieldProps) => (
+          <TextField
+            label="Command"
+            info={{
+              props: {
+                content: 'コンテナのCommand',
+              },
+            }}
+            {...fieldProps}
+            value={field.value ?? ''}
+            error={field.error}
+            readOnly={!props.hasPermission}
+          />
+        )}
+      </Field>
+    </>
+  )
+
   return (
     <>
       <ToolTip>
@@ -97,39 +135,13 @@ const RuntimeConfigs: Component<RuntimeConfigProps> = (props) => {
           </ToolTip>
         </FormItem>
       </Show>
+      <Show when={buildType() === 'runtimeCmd'}>
+        {containerOverrideConfig}
+      </Show>
       <FormItem title="高度な設定">
-        <Field of={props.formStore} name="config.runtimeConfig.entrypoint">
-          {(field, fieldProps) => (
-            <TextField
-              label="Entrypoint"
-              info={{
-                props: {
-                  content: '(Advanced) コンテナのEntrypoint',
-                },
-              }}
-              {...fieldProps}
-              value={field.value ?? ''}
-              error={field.error}
-              readOnly={!props.hasPermission}
-            />
-          )}
-        </Field>
-        <Field of={props.formStore} name="config.runtimeConfig.command">
-          {(field, fieldProps) => (
-            <TextField
-              label="Command"
-              info={{
-                props: {
-                  content: '(Advanced) コンテナのCommand',
-                },
-              }}
-              {...fieldProps}
-              value={field.value ?? ''}
-              error={field.error}
-              readOnly={!props.hasPermission}
-            />
-          )}
-        </Field>
+        <Show when={buildType() !== 'runtimeCmd'}>
+          {containerOverrideConfig}
+        </Show>
       </FormItem>
     </>
   )
diff --git a/dashboard/src/components/templates/app/SelectBuildType.tsx b/dashboard/src/components/templates/app/SelectBuildType.tsx
index 4353f9ea3..405c6897f 100644
--- a/dashboard/src/components/templates/app/SelectBuildType.tsx
+++ b/dashboard/src/components/templates/app/SelectBuildType.tsx
@@ -203,7 +203,7 @@ const SelectBuildType: Component<{
                     </RadioGroup.ItemIndicator>
                   </RadioGroup.ItemControl>
                 </ItemTitle>
-                <Description>静的ファイルを配信します。ビルドが必要な場合もこちらを選びます。</Description>
+                <Description>静的ファイルを配信します。ビルド（任意）を実行できます。</Description>
               </RadioGroup.ItemLabel>
             </RadioGroup.Item>
           </ItemsContainer>
@@ -246,11 +246,7 @@ const SelectBuildType: Component<{
                       </RadioGroup.ItemIndicator>
                     </RadioGroup.ItemControl>
                   </ItemTitle>
-                  <Description>
-                    {runType() === 'runtime'
-                      ? 'ベースDockerイメージと、ビルドコマンドを手動で設定します。'
-                      : 'ビルド時のベースDockerイメージと、ビルドコマンドを手動で設定します。ビルドが必要無い場合は、こちらを選びます。'}
-                  </Description>
+                  <Description>ベースイメージとビルドコマンド（任意）を設定します。</Description>
                 </RadioGroup.ItemLabel>
               </RadioGroup.Item>
               <RadioGroup.Item class={itemStyle} value="dockerfile">