Add a quick link to edit Badges

Contribute UX
1

I am building an internal/customized tier system that is heavily related to badges. I found it very counter-intuitive to need to open a new tab and/or access a new URL to edit a created badge in the Admin GUI.

I really do not know about the technical limitations, but I think that adding or mixing the badge views to the topic wrapper display could suffice and offer a very similar (if not the same) behavior as in Categories, where .navigation-controls allows simple and direct edits to already created elements.

This would add visual and technical consistency, integrating specific and individual views to a clean and integral perspective.

2

So essentially, a link at each badge that goes to the Admin page for editing that page?

What about this?

import { apiInitializer } from "discourse/lib/api";
import Component from "@glimmer/component";
import { concat } from "@ember/helper";

export default apiInitializer((api) => {
    const currentUser = api.getCurrentUser();
    api.renderInOutlet("badge-contents-top",
        class LinkTB extends Component {
            static shouldRender(args, helper) {
                return helper.currentUser && helper.currentUser.admin;
            }
            <template>
                <a href={{concat "/admin/badges/" @badge.id}}>Edit {{@badge.name}}</a>
            </template>
        }
    )
});