src/shared/components/community/create-community.tsx

   1 import { None } from "@sniptt/monads";
   2 import { Component } from "inferno";
   3 import { CommunityView, GetSiteResponse } from "lemmy-js-client";
   4 import { Subscription } from "rxjs";
   5 import { i18n } from "../../i18next";
   6 import { UserService } from "../../services";
   7 import {
   8   enableNsfw,
   9   isBrowser,
  10   setIsoData,
  11   toast,
  12   wsSubscribe,
  13 } from "../../utils";
  14 import { HtmlTags } from "../common/html-tags";
  15 import { Spinner } from "../common/icon";
  16 import { CommunityForm } from "./community-form";
  17
  18 interface CreateCommunityState {
  19   siteRes: GetSiteResponse;
  20   loading: boolean;
  21 }
  22
  23 export class CreateCommunity extends Component<any, CreateCommunityState> {
  24   private isoData = setIsoData(this.context);
  25   private subscription: Subscription;
  26   private emptyState: CreateCommunityState = {
  27     siteRes: this.isoData.site_res,
  28     loading: false,
  29   };
  30   constructor(props: any, context: any) {
  31     super(props, context);
  32     this.handleCommunityCreate = this.handleCommunityCreate.bind(this);
  33     this.state = this.emptyState;
  34
  35     this.parseMessage = this.parseMessage.bind(this);
  36     this.subscription = wsSubscribe(this.parseMessage);
  37
  38     if (UserService.Instance.myUserInfo.isNone() && isBrowser()) {
  39       toast(i18n.t("not_logged_in"), "danger");
  40       this.context.router.history.push(`/login`);
  41     }
  42   }
  43
  44   componentWillUnmount() {
  45     if (isBrowser()) {
  46       this.subscription.unsubscribe();
  47     }
  48   }
  49
  50   get documentTitle(): string {
  51     return this.state.siteRes.site_view.match({
  52       some: siteView => `${i18n.t("create_community")} - ${siteView.site.name}`,
  53       none: "",
  54     });
  55   }
  56
  57   render() {
  58     return (
  59       <div class="container">
  60         <HtmlTags
  61           title={this.documentTitle}
  62           path={this.context.router.route.match.url}
  63           description={None}
  64           image={None}
  65         />
  66         {this.state.loading ? (
  67           <h5>
  68             <Spinner large />
  69           </h5>
  70         ) : (
  71           <div class="row">
  72             <div class="col-12 col-lg-6 offset-lg-3 mb-4">
  73               <h5>{i18n.t("create_community")}</h5>
  74               <CommunityForm
  75                 community_view={None}
  76                 onCreate={this.handleCommunityCreate}
  77                 enableNsfw={enableNsfw(this.state.siteRes)}
  78               />
  79             </div>
  80           </div>
  81         )}
  82       </div>
  83     );
  84   }
  85
  86   handleCommunityCreate(cv: CommunityView) {
  87     this.props.history.push(`/c/${cv.community.name}`);
  88   }
  89
  90   parseMessage(msg: any) {
  91     if (msg.error) {
  92       toast(i18n.t(msg.error), "danger");
  93     }
  94   }
  95 }