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 */}