Oh I just did something like this last week…
In a theme you can add this to javascripts/discourse/components/new-topic-dropdown.js
import { action } from "@ember/object";
import { getOwner } from "discourse-common/lib/get-owner";
import Composer from "discourse/models/composer";
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
import { computed } from "@ember/object";
export default DropdownSelectBoxComponent.extend({
classNames: ["new-topic-dropdown"],
selectKitOptions: {
icons: ["plus"],
showFullTitle: true,
autoFilterable: false,
filterable: false,
showCaret: true,
none: "topic.create",
},
content: computed(function () {
const items = [
{
id: "new_discussion",
name: "New Topic",
description: "Start a new discussion",
icon: "comment",
},
];
items.push({
id: "new_ticket",
name: "Support ticket",
description: "Start a support request",
icon: "tag",
});
return items;
}),
@action
onChange(selectedAction) {
const composerController = getOwner(this).lookup("controller:composer");
let tags = null;
let categoryId = this.category ? this.category.id : null;
if (selectedAction === "new_ticket") {
tags = "ticket";
}
composerController.open({
action: Composer.CREATE_TOPIC,
draftKey: Composer.DRAFT,
categoryId: categoryId,
tags: tags,
});
},
});
This adds “new topic” and “support ticket” options to a dropdown button… “new topic” opens the composer as usual, and “support ticket” opens the composer with the tag “ticket” already added.
…and then in javascripts/discourse/connectors/after-create-topic-button/new-topic-dropdown.hbs
{{#if currentUser}}
{{new-topic-dropdown category=category}}
{{/if}}
…then with some CSS you’ll probably want to hide the default button:
.navigation-controls {
#create-topic {
display: none;
}
}