fix: Display error msg when live state is empty

[ashutosh16]

This PR displays the error message in the live state editor when argocd failed to fetch the resource manifest due to a change in the API version. This issue occurred when k8s cluster is upgraded to 1.22 and the API networking.k8s.io/v1beta1 is deprecated. ArgoCD is unable to fetch the live state of the resource and displays the {} state. In this PR, the user will see relevant information regarding the correct API version to use

[ashutosh16]

[codecov]

Codecov Report

Patch coverage has no change and project coverage change: -0.01 ⚠️

Comparison is base (696631e) 49.06% compared to head (bfc0e02) 49.05%.

❗ Current head bfc0e02 differs from pull request most recent head 67da494. Consider uploading reports for the commit 67da494 to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #13031      +/-   ##
==========================================
- Coverage   49.06%   49.05%   -0.01%     
==========================================
  Files         246      246              
  Lines       42561    42561              
==========================================
- Hits        20881    20878       -3     
- Misses      19565    19567       +2     
- Partials     2115     2116       +1     

see 1 file with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[ashutosh16]

Additional screenshots showing the message when API version is different from the git

[ciiay]

LGTM

[drpaneas]

cool, it displays the error msg, thanks for providing the screenshot as well
/lgtm

[crenshaw-dev]

/cherry-pick release-2.7

[crenshaw-dev]

Testing locally I get this error:

TypeError: Cannot read properties of null (reading 'kind')
    at getResourceTabs (webpack-internal:///./src/app/applications/components/resource-details/resource-details.tsx:136:30)
    at Object.eval [as children] (webpack-internal:///./src/app/applications/components/resource-details/resource-details.tsx:345:11)
    at DataLoader.render (webpack-internal:///./node_modules/argo-ui/src/components/data-loader.tsx:79:25)
    at finishClassComponent (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:11841:35)
    at updateClassComponent (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:11809:28)
    at beginWork (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:12758:18)
    at HTMLUnknownElement.callCallback2 (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:103:18)
    at Object.invokeGuardedCallbackDev (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:128:20)
    at invokeGuardedCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:159:35)
    at beginWork$1 (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:15669:11)

Test app:

apiVersion: argoproj.io/v1alpha1
kind: Application
metadata:
  name: test
spec:
  destination:
    namespace: default
    server: https://kubernetes.default.svc
  project: default
  source:
    path: kustomize-guestbook
    repoURL: https://github.com/crenshaw-dev/argocd-example-apps
    targetRevision: bad-api-version

[ashutosh16]

@crenshaw-dev I successfully created and sync the application using the manifest you provide and I couldn't reproduce the error locally, the UI message shows up fine (error msg shows in the live manifest).
If possible can @drpaneas/@ciiay take a second look, try creating a new application using the below config and Sync

apiVersion: argoproj.io/v1alpha1
kind: Application
metadata:
  name: test
spec:
  destination:
    namespace: default
    server: https://kubernetes.default.svc
  project: default
  source:
    path: kustomize-guestbook
    repoURL: https://github.com/crenshaw-dev/argocd-example-apps
    targetRevision: bad-api-version

[ciiay]

I was able to create the app from the below command. It's OutOfSync but as expected to test the PR I think.

➜  ~ cat <<EOF | oc apply -f -
apiVersion: argoproj.io/v1alpha1
kind: Application
metadata:
  name: test
spec:
  destination:
    namespace: default
    server: https://kubernetes.default.svc
  project: default
  source:
    path: kustomize-guestbook
    repoURL: https://github.com/crenshaw-dev/argocd-example-apps
    targetRevision: bad-api-version
EOF
application.argoproj.io/test created

[gcp-cherry-pick-bot]

Cherry-pick failed with Merge error cd46c76ef8f95c6525ae7c8f81131a3b0f038d0b into temp-cherry-pick-6876bf-release-2.7