|
|
@@ -135,7 +135,7 @@ const CreateApp: React.FC<CreateAppProps> = ({ history }) => {
|
|
|
const build = watch("app.build");
|
|
|
const image = watch("source.image");
|
|
|
const services = watch("app.services");
|
|
|
- const { detectedServices: servicesFromYaml, porterYamlFound, detectedName } = usePorterYaml({ source: source?.type === "github" ? source : null });
|
|
|
+ const { detectedServices: servicesFromYaml, porterYamlFound, detectedName, loading: isLoadingPorterYaml } = usePorterYaml({ source: source?.type === "github" ? source : null });
|
|
|
const deploymentTarget = useDefaultDeploymentTarget();
|
|
|
const { updateAppStep } = useAppAnalytics(name.value);
|
|
|
const { validateApp } = useAppValidation({
|
|
|
@@ -440,7 +440,7 @@ const CreateApp: React.FC<CreateAppProps> = ({ history }) => {
|
|
|
source={source}
|
|
|
projectId={currentProject.id}
|
|
|
/>
|
|
|
- {!userHasSeenNoPorterYamlFoundModal && !porterYamlFound &&
|
|
|
+ {!userHasSeenNoPorterYamlFoundModal && !porterYamlFound && !isLoadingPorterYaml &&
|
|
|
<Controller
|
|
|
name="source.porter_yaml_path"
|
|
|
control={control}
|
|
|
@@ -482,9 +482,8 @@ const CreateApp: React.FC<CreateAppProps> = ({ history }) => {
|
|
|
}
|
|
|
>
|
|
|
{detectedServices.count > 0
|
|
|
- ? `Detected ${detectedServices.count} service${
|
|
|
- detectedServices.count > 1 ? "s" : ""
|
|
|
- } from porter.yaml.`
|
|
|
+ ? `Detected ${detectedServices.count} service${detectedServices.count > 1 ? "s" : ""
|
|
|
+ } from porter.yaml.`
|
|
|
: `Could not detect any services from porter.yaml. Make sure it exists in the root of your repo.`}
|
|
|
</Text>
|
|
|
</AppearingDiv>
|