Empty values passed to `DetailText` component break whole detail page

[richard-cox]

Setup

• Rancher version: v2.11.0 (dev of)

Describe the bug

• DetailText compoentn is used to show additional info in the header area of a resource detail page
• it's used in resources configmap, secret and token, as well as showing resource annotations
• if an empty value is passed in the whole page will fail to render (given undefined error

To Reproduce

• Use rancher/rancher:v2.12.0-alpha11 image (before the latest detail page changes were added)
• nav to cluster --> Import YAML
• Paste in (remove or update namespace as per target cluste)

  • apiVersion: v1
    kind: Secret
    metadata:
      annotations:
        kubernetes.io/service-account.name: v2
      name: v2
      namespace: junk
    type: kubernetes.io/service-account-token
    

• Click Import
• Navigate to the detail page of the new resource

Result

• see screenshot, no main body

Expected Result

• see second screenshot

Screenshots
Bug

Expected

[richard-cox]

looks like making the component this.value?. safe should solve this

[codyrancher]

@richard-cox I haven't been able to reproduce this. Do you have anymore details on the repro steps?

In both cases when I create empty data both through the UI and YAML editor the backend is returning data.

empty-data-repro.mp4

repro-2.mp4

[richard-cox]

@codyrancher i've updated the description with the steps i took (though the first time i hit this it was a bad resource created by cert manage that i was debugging)

Edit: This doesn't need to be a 2.11.0 thing though

[codyrancher]

Alright, moving to 2.12