lemmy-ui/src/shared/components/home/legal.tsx

import { None } from "@sniptt/monads";
import { Component } from "inferno";
import { GetSiteResponse } from "lemmy-js-client";
import { i18n } from "../../i18next";
import { mdToHtml, setIsoData } from "../../utils";
import { HtmlTags } from "../common/html-tags";

interface LegalState {
  siteRes: GetSiteResponse;
}

export class Legal extends Component<any, LegalState> {
  private isoData = setIsoData(this.context);
  private emptyState: LegalState = {
    siteRes: this.isoData.site_res,
  };

  constructor(props: any, context: any) {
    super(props, context);
    this.state = this.emptyState;
  }

  get documentTitle(): string {
    return i18n.t("legal_information");
  }

  render() {
    return (
      <div className="container">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
          description={None}
          image={None}
        />
        {this.state.siteRes.site_view.match({
          some: siteView =>
            siteView.site.legal_information.match({
              some: legal => (
                <div
                  className="md-div"
                  dangerouslySetInnerHTML={mdToHtml(legal)}
                />
              ),
              none: <></>,
            }),
          none: <></>,
        })}
      </div>
    );
  }
}