X-Git-Url: http://these/git/?a=blobdiff_plain;f=src%2Fshared%2Fcomponents%2Fcommon%2Fhtml-tags.tsx;h=80649fa119e85cfa8e0214065aeeaad2edf45a47;hb=53c3cfeade90150b07431386745a24aa699a25ec;hp=387cd041302ef55d08337b86acd3129f1359131f;hpb=e164a3b9a1d0477cd8441072c4683c3fdaebb8e3;p=lemmy-ui.git
diff --git a/src/shared/components/common/html-tags.tsx b/src/shared/components/common/html-tags.tsx
index 387cd04..80649fa 100644
--- a/src/shared/components/common/html-tags.tsx
+++ b/src/shared/components/common/html-tags.tsx
@@ -1,12 +1,14 @@
+import { httpExternalPath } from "@utils/env";
import { htmlToText } from "html-to-text";
import { Component } from "inferno";
import { Helmet } from "inferno-helmet";
-import { httpExternalPath } from "../../env";
-import { i18n } from "../../i18next";
-import { md } from "../../utils";
+import { md } from "../../markdown";
+import { I18NextService } from "../../services";
+
interface HtmlTagsProps {
title: string;
path: string;
+ canonicalPath?: string;
description?: string;
image?: string;
}
@@ -15,12 +17,14 @@ interface HtmlTagsProps {
export class HtmlTags extends Component {
render() {
const url = httpExternalPath(this.props.path);
+ const canonicalUrl =
+ this.props.canonicalPath ?? httpExternalPath(this.props.path);
const desc = this.props.description;
const image = this.props.image;
return (
-
+
{["title", "og:title", "twitter:title"].map(t => (
@@ -29,6 +33,8 @@ export class HtmlTags extends Component {
))}
+
+
{/* Open Graph / Facebook */}