Create and manage folder tree in S3 with retool

Hi retool team, please any idea how I can achieve a similar structure like picture below in retool, where I can manage folders in S3 ? My Use case is using retool to manage S3 operations for editorial team with similar view in attached folder tree picture.

image

Hi @tahirVanna

If you have a "List all files in a bucket" query loading a list of files, you can convert an array of the file keys into a folder structure like this in the Cascader type component:

getItems is my file listing query here, and this is the code I'm using in the Structure setting for the cascader to get a result like this: {{getItems.data.map(d=>d.Key.split('/'))}}

You could also explore using the listview component for this for a much more customizable UI, but it would be a good deal more involved than the cascader option

2 Likes