Using storage relationship in component blocks

[iNetJoJo]

Hello, im new to keystone. ive been playing around with it for few days and its saving my life. im trying to figure out how to connect component blocks to relationships
here i have image component, and i want src to be a dropdown menu of Image table.
i cant figure out how to provide other fields to a component, id, name and altText seem to be the only ones that i can fetch
even tho i have image_id image_filesize... etc
im using digital ocean spaces defined in keystone.ts

storage: {
        digital_ocean_spaces: {
            kind: 's3',
            type: "image",
            endpoint: 'https://fra1.digitaloceanspaces.com/',
            bucketName,
            region,
            accessKeyId,
            secretAccessKey,
            acl: "public-read",
        }
    }

export const image = component({
   label: 'Image',
   schema: {
       src: fields.relationship({
           listKey: 'Image',
           label: 'Image',
           selection: 'image',
       }),
       alt: fields.text({
           label: 'Alt Text',
       }),
   },
   preview: function Image(props) {
       console.log(props)
       return <NotEditable>
           <img src={props.fields.src.value ?? ''} alt={props.fields.alt.value ?? ''}/>
       </NotEditable>
   },
})

[iNetJoJo]

solved. i added virtual field to Image

Image: list({
        access: allowAll,
        fields: {
            name: text({
                validation: {isRequired: true},
            }),
            altText: text(),
            image: image({
                storage: "digital_ocean_spaces"
            }),
            image_url: virtual({
                field: graphql.field({
                    type: graphql.String,
                    resolve(item) {
                        return `${process.env.ASSET_BASE_URL}/${item.image_id}.${item.image_extension}`;
                    }
                })
            })
        }
    })
    ```
    
    and now i can use it in component like this
    
    ```tsx
    src: fields.relationship({
            listKey: 'Image',
            label: 'Image',
            selection: "image_url"
        }),
        ```