support for backend's Dockerfile path

Author: andrewballantyne

frontend/packages/dev-console/src/components/import/devfile/devfileHooks.ts

@@ -4,6 +4,9 @@ import { useTranslation } from 'react-i18next';
 import { parseDevfile } from '@console/internal/module/k8s';
 import { DevfileSuggestedResources } from '../import-types';
 
+const suffixSlash = (val: string) => (val.endsWith('/') ? val : `${val}/`);
+const prefixDotSlash = (val) => (val.startsWith('/') ? val : `.${val}`);
+
 export const useDefileServer = (
   values: FormikValues,
   setFieldValue: (name: string, value: any) => any,
@@ -26,7 +29,7 @@ export const useDefileServer = (
 
     return {
       name,
-      git: { URL: url, ref, dir },
+      git: { URL: url, ref, dir: prefixDotSlash(dir) },
       devfile: { devfileContent, devfilePath },
     };
   }, [name, url, ref, dir, devfileContent, devfilePath]);
@@ -86,8 +89,7 @@ export const useDevfileDirectoryWatcher = (
     git: { dir },
   } = values;
   React.useEffect(() => {
-    let smartSlashDir = dir.endsWith('/') ? dir : `${dir}/`;
-    smartSlashDir = smartSlashDir.startsWith('.') ? smartSlashDir : `.${smartSlashDir}`;
+    const smartSlashDir = prefixDotSlash(suffixSlash(dir));
 
     setFieldValue('devfile.devfilePath', `${smartSlashDir}devfile.yaml`);
     setFieldValue('docker.dockerfilePath', `${smartSlashDir}Dockerfile`);