+ <h5>
+ {this.state.communityName.match({
+ some: name => (
+ <Link className="text-body" to={`/c/${name}`}>
+ /c/{name}{" "}
+ </Link>
+ ),
+ none: <></>,
+ })}
+ <span>{i18n.t("modlog")}</span>
+ </h5>
+ <form className="form-inline mr-2">
+ <select
+ value={this.state.filter_action}
+ onChange={linkEvent(this, this.handleFilterActionChange)}
+ className="custom-select col-4 mb-2"
+ aria-label="action"
+ >
+ <option disabled aria-hidden="true">
+ {i18n.t("filter_by_action")}
+ </option>
+ <option value={ModlogActionType.All}>{i18n.t("all")}</option>
+ <option value={ModlogActionType.ModRemovePost}>
+ Removing Posts
+ </option>
+ <option value={ModlogActionType.ModLockPost}>
+ Locking Posts
+ </option>
+ <option value={ModlogActionType.ModStickyPost}>
+ Stickying Posts
+ </option>
+ <option value={ModlogActionType.ModRemoveComment}>
+ Removing Comments
+ </option>
+ <option value={ModlogActionType.ModRemoveCommunity}>
+ Removing Communities
+ </option>
+ <option value={ModlogActionType.ModBanFromCommunity}>
+ Banning From Communities
+ </option>
+ <option value={ModlogActionType.ModAddCommunity}>
+ Adding Mod to Community
+ </option>
+ <option value={ModlogActionType.ModTransferCommunity}>
+ Transfering Communities
+ </option>
+ <option value={ModlogActionType.ModAdd}>
+ Adding Mod to Site
+ </option>
+ <option value={ModlogActionType.ModBan}>
+ Banning From Site
+ </option>
+ </select>
+ {this.state.siteRes.site_view.match({
+ some: site_view =>
+ !site_view.site.hide_modlog_mod_names.unwrapOr(false) && (
+ <select
+ id="filter-mod"
+ value={toUndefined(this.state.filter_mod)}
+ >
+ <option>{i18n.t("filter_by_mod")}</option>
+ </select>
+ ),
+ none: <></>,
+ })}
+ <select
+ id="filter-user"
+ value={toUndefined(this.state.filter_user)}
+ >
+ <option>{i18n.t("filter_by_user")}</option>
+ </select>
+ </form>
+ <div className="table-responsive">
+ <table id="modlog_table" className="table table-sm table-hover">
+ <thead className="pointer">