Handle importing git repos that already have a Devfile

Fixes #3104

Signed-off-by: David Thompson <davthomp@redhat.com>

Author: datho7561

src/webview/create-component/createComponentLoader.ts

@@ -235,6 +235,10 @@ export default class CreateComponentLoader {
                         action: 'cloneFailed',
                     });
                 } else {
+                    void CreateComponentLoader.panel.webview.postMessage({
+                        action: 'devfileExists',
+                        data: await isDevfileExists(tmpFolder),
+                    });
                     CreateComponentLoader.getRecommendedDevfile(tmpFolder);
                 }
                 break;
@@ -283,11 +287,13 @@ export default class CreateComponentLoader {
                             await fse.copy(tmpFolder.fsPath, componentFolder);
                         }
                         const devfileType = getDevfileType(message.data.devfileDisplayName);
-                        await OdoImpl.Instance.createComponentFromLocation(
-                            devfileType,
-                            componentName,
-                            Uri.file(componentFolder),
-                        );
+                        if (!await isDevfileExists(Uri.file(componentFolder))) {
+                            await OdoImpl.Instance.createComponentFromLocation(
+                                devfileType,
+                                componentName,
+                                Uri.file(componentFolder),
+                            );
+                        }
                         await sendTelemetry('newComponentCreated', {
                             strategy,
                             component_type: devfileType,

src/webview/create-component/pages/fromExistingGitRepo.tsx

@@ -8,6 +8,7 @@ import {
     AccordionDetails,
     AccordionSummary,
     Alert,
+    Box,
     Button,
     CircularProgress,
     Divider,
@@ -331,17 +332,21 @@ export function FromExistingGitRepo({ setCurrentView }) {
                                                 ? 'Selected Devfile'
                                                 : 'Recommended Devfile'}
                                         </Typography>
-                                        <DevfileRecommendationInfo />
+                                        {recommendedDevfile.isDevfileExistsInRepo ? (
+                                            <Alert severity="info">
+                                                The Devfile that exists in the repo will be used
+                                            </Alert>
+                                        ) : (
+                                            <DevfileRecommendationInfo />
+                                        )}
                                     </Stack>
-                                    {!recommendedDevfile.noRecommendation && (
-                                        <DevfileListItem
-                                            devfile={
-                                                selectedDevfile
-                                                    ? selectedDevfile
-                                                    : recommendedDevfile.devfile
-                                            }
-                                        />
-                                    )}
+                                    <DevfileListItem
+                                        devfile={
+                                            selectedDevfile
+                                                ? selectedDevfile
+                                                : recommendedDevfile.devfile
+                                        }
+                                    />
                                     <Stack
                                         direction="row"
                                         justifyContent="flex-end"
@@ -369,15 +374,17 @@ export function FromExistingGitRepo({ setCurrentView }) {
                                         >
                                             BACK
                                         </Button>
-                                        <Button
-                                            variant="contained"
-                                            onClick={() => {
-                                                setSelectedDevfile(undefined);
-                                                setCurrentPage('selectDifferentDevfile');
-                                            }}
-                                        >
-                                            SELECT A DIFFERENT DEVFILE
-                                        </Button>
+                                        {!recommendedDevfile.isDevfileExistsInRepo && (
+                                            <Button
+                                                variant="contained"
+                                                onClick={() => {
+                                                    setSelectedDevfile(undefined);
+                                                    setCurrentPage('selectDifferentDevfile');
+                                                }}
+                                            >
+                                                SELECT A DIFFERENT DEVFILE
+                                            </Button>
+                                        )}
                                         <Button
                                             variant="contained"
                                             onClick={() => {