Show all the devfiles when no devfile.yaml in the git repo (#2943)

* show all the devfiles when no devfile.yaml in the repo

Signed-off-by: msivasubramaniaan <[email protected]>

* changed recommendation message

Signed-off-by: msivasubramaniaan <[email protected]>

* updated the message strin

Signed-off-by: msivasubramaniaan <[email protected]>

---------

Signed-off-by: msivasubramaniaan <[email protected]>

Author: msivasubramaniaan

src/webview/git-import/app/gitImport.tsx

@@ -469,7 +469,7 @@ export class GitImport extends React.Component<DefaultProps, {
                                     {!isDevFile &&
                                         <div className='strategyContainer strategyWarning'>
                                             <ErrorIcon color='warning' style={{ fontSize: 20 }} />
-                                            <Typography variant='body2' style={{ margin: '0 5px' }}>Here is the recommended devfile:</Typography>
+                                            <Typography variant='body2' style={{ margin: '0 5px' }}> {compDescription?.length > 1 ? 'Please select a devfile that corresponds to the language/framework that you are using' : 'Here is the recommended devfile:'} </Typography>
                                         </div>}
                                     <div className='cardContainer'>
                                         <div className='devfileGalleryGrid'>

src/webview/git-import/gitImportLoader.ts

@@ -238,6 +238,8 @@ async function parseGitURL(event: any) {
             } else {
                 closeWithMessage('Devfile version not supported, Unable to proceed the component creation', clonedFolder);
             }
+        } else {
+            compDescriptions = getCompDescription(analyzeRes);
         }
     } finally {
         panel?.webview.postMessage({
@@ -306,6 +308,9 @@ function validateGitURL(event: any) {
 
 function getCompDescription(devfiles: AnalyzeResponse[]): ComponentTypeDescription[] {
     const compDescriptions = ComponentTypesView.instance.getCompDescriptions();
+    if (devfiles.length === 0) {
+        return Array.from(compDescriptions);
+    }
     return Array.from(compDescriptions).filter(({ name, version, registry }) => devfiles.some((res) => res.devfile === name &&
         res.devfileVersion === version && res.devfileRegistry === registry.name));
 }