From e153f58d85fcc40efe77e74a3196f29a5146f2cf Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Wed, 30 Sep 2020 18:10:30 +0300
Subject: [PATCH] Run /topic when clicking on topic

---
 client/components/Chat.vue | 12 ++++++++----
 client/css/style.css       |  1 +
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/components/Chat.vue b/client/components/Chat.vue
index 79be4d74..5aef8d6e 100644
--- a/client/components/Chat.vue
+++ b/client/components/Chat.vue
@@ -33,7 +33,7 @@
 							<span type="button" aria-label="Save topic"></span>
 						</span>
 					</div>
-					<span v-else :title="channel.topic" class="topic" @dblclick="editTopic"
+					<span v-else :title="channel.topic" class="topic" @click.self="showTopic"
 						><ParsedMessage
 							v-if="channel.topic"
 							:network="network"
@@ -183,10 +183,14 @@ export default {
 		hideUserVisibleError() {
 			this.$store.commit("currentUserVisibleError", null);
 		},
-		editTopic() {
-			if (this.channel.type === "channel") {
-				this.channel.editTopic = true;
+		showTopic() {
+			if (this.channel.type !== "channel" || !this.channel.topic) {
+				return;
 			}
+
+			const target = this.channel.id;
+			const text = `/raw TOPIC ${this.channel.name}`;
+			socket.emit("input", {target, text});
 		},
 		saveTopic() {
 			this.channel.editTopic = false;
diff --git a/client/css/style.css b/client/css/style.css
index 1180f9ce..90c7161d 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1045,6 +1045,7 @@ textarea.input {
 	flex-grow: 1;
 	overflow: hidden;
 	font-size: 14px;
+	cursor: pointer;
 }
 
 .header .topic-input {