1 files changed, 98 insertions, 0 deletions
diff --git a/web/source/settings/views/user/interactions/util.tsx b/web/source/settings/views/user/interactions/util.tsx
new file mode 100644
index 000000000..e5ce0a73c
--- /dev/null
+++ b/web/source/settings/views/user/interactions/util.tsx
@@ -0,0 +1,98 @@
+/*
+	GoToSocial
+	Copyright (C) GoToSocial Authors admin@gotosocial.org
+	SPDX-License-Identifier: AGPL-3.0-or-later
+
+	This program is free software: you can redistribute it and/or modify
+	it under the terms of the GNU Affero General Public License as published by
+	the Free Software Foundation, either version 3 of the License, or
+	(at your option) any later version.
+
+	This program is distributed in the hope that it will be useful,
+	but WITHOUT ANY WARRANTY; without even the implied warranty of
+	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	GNU Affero General Public License for more details.
+
+	You should have received a copy of the GNU Affero General Public License
+	along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+import { useMemo } from "react";
+
+import sanitize from "sanitize-html";
+import { compile, HtmlToTextOptions } from "html-to-text";
+import { Status } from "../../../lib/types/status";
+
+// Options for converting HTML statuses
+// to plaintext representations.
+const convertOptions: HtmlToTextOptions = {
+	selectors: [
+		// Don't fancy format links, just use their text value.
+		{ selector: 'a', options: { ignoreHref: true } },
+	]
+};
+const convertHTML = compile(convertOptions);
+
+/**
+ * Convert input status to plaintext representation.
+ * @param status 
+ * @returns 
+ */
+export function useContent(status: Status | undefined): string {
+	return useMemo(() => {
+		if (!status) {
+			return "";
+		}
+		
+		if (status.content.length === 0) {
+			return "[no content set]";
+		} else {
+			// HTML has already been through
+			// the instance sanitizer by now,
+			// but do it again just in case.
+			const content = sanitize(status.content);
+			
+			// Return plaintext of sanitized HTML.
+			return convertHTML(content);
+		}
+	}, [status]);
+}
+
+export function useVerbed(type: "favourite" | "reply" | "reblog"): string {
+	return useMemo(() => {
+		switch (type) {
+			case "favourite":
+				return "liked";
+			case "reply":
+				return "replied to";
+			case "reblog":
+				return "boosted";
+		}
+	}, [type]);
+}
+
+export function useNoun(type: "favourite" | "reply" | "reblog"): string {
+	return useMemo(() => {
+		switch (type) {
+			case "favourite":
+				return "Like";
+			case "reply":
+				return "Reply";
+			case "reblog":
+				return "Boost";
+		}
+	}, [type]);
+}
+
+export function useIcon(type: "favourite" | "reply" | "reblog"): string {
+	return useMemo(() => {
+		switch (type) {
+			case "favourite":
+				return "fa-star";
+			case "reply":
+				return "fa-reply";
+			case "reblog":
+				return "fa-retweet";
+		}
+	}, [type]);
+}