Help with updating component, getting error message when trying to upload new version

We have a hosted Discourse website.

I’m trying to fix the JavaScript in a component since we were told it “is using an older approach that is no longer compatible with the current version of Discourse”.

The recommendation is to “create a new file” and “go to Admin → Customize → Themes → your theme → Edit Files, then use the file tree to add a new file at that path”, but we don’t have that option, so I attempted to make a new component and install it.

When I go to install the new component, I get this message: "An error occurred: Import Error: about.json does not exist, or is invalid. Are you sure this is a Discourse Theme?". There is no specific data as to what the error is, and I have tried many things, but I continue to get this same error.

Can you help either way:

  1. Show where I can go to see the file tree to edit files?

  2. Let me know how I can find out the specific error in the component I’m uploading?

Here is a link to download the component I tried to upload if it’s helpful: https://drive.google.com/file/d/1sg-F3E_YB2BuExuTdcQ8sfbTqUInkgKl/view?usp=sharing

Thanks!

I think something is not right with the structure of your zip. I see the same error, but after I unpacked it and created a new zip, I was able to install it on my forum. This is the zip I created: https://drive.google.com/file/d/1nc6Q5GRvIscVz9FJVqJq-Knzoz091TXB/view

I think the way Macs zip multiple folders might be your problem. The parent directory results in about.json being in a subfolder.